Текстура · Круг с рисунком

Текстура - Круг с рисунком

Текстура при повторении создаёт круги с рисунком, размер файла 13 на 13 пикселей в двух форматах для создания оригинального фона элементам.

Установка текстуры

Установка текстуры для страницы в формате GIF

body{
background:transparent;
background:url(//atmpl.ru/design/free-textures/2015/free_texture_14.gif) repeat;
}

Установка текстуры для блока в формате GIF


<style>
.block-textures-gif{
width:100%;
height:130px;
background:transparent;
background:url(//atmpl.ru/design/free-textures/2015/free_texture_14.gif) repeat;
overflow:hidden;
}
</style>
<div class="block-textures-gif"></div>

Установка текстуры для страницы в формате Data URI

body{
background:transparent;
background-repeat:repeat;
background-image:url(data:image/gif;base64,R0lGODlhDQANAJEAAKKzso2enWh4eJanpiH5BAAAAAAALAAAAAANAA0AAAIrlAWpJ+OWjBtt0joxDUGDKnAc+G3iSEXniajrGJlsCs6XFXa4de9PK3EUAAA7);
}

Установка текстуры для блока в формате Data URI


<style>
.block-textures-data_url{
width:100%;
height:260px;
background:transparent;
background-repeat:repeat;
background-image:url(data:image/gif;base64,R0lGODlhDQANAJEAAKKzso2enWh4eJanpiH5BAAAAAAALAAAAAANAA0AAAIrlAWpJ+OWjBtt0joxDUGDKnAc+G3iSEXniajrGJlsCs6XFXa4de9PK3EUAAA7);
}
</style>
<div class="block-textures-data_url"></div>

Параметры текстуры в формате GIF

Формат
Graphics Interchange Format (GIF)
Размер
13 X 13 px
Вес
90 Bytes
Лицензия
CC BY-SA 4.0

Параметры текстуры в формате Data URI

Формат
Data URI (ASCII)
Размер
13 X 13 px
Вес
120 Bytes
Лицензия
CC BY 4.0

Испытание текстуры

Скачать текстуру бесплатно

Скачать

Рейтинг: 5.0/5 из 2



Добавлено Автор Ник Источник Просмотров Комментариев Теги
23-01-2015 Михаил Меренков aTmpl © 429 0 Текстура, Textures