Клетчатая текстура с рисунком

Клетчатая текстура с рисунком

Красно белая клетчатая текстура для сайта с внутренним рисунком, маленький вес файла .gif который можно скачать бесплатно, дополнительно предоставлен data:image/gif;base64 код.

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

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

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

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


<style>
.block-textures-gif{
width:100%;
height:153px;
background:transparent;
background:url(//atmpl.ru/design/free-textures/2015/free_texture_18.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,R0lGODlhEgASAKIAAOqfleZuXtY1H////7oWAAAAAAAAAAAAACH5BAAAAAAALAAAAAASABIAAANEOLpL4/CxKaNbYWRlqwrCIGxexFxcKWnh2KiY9nYopdYUfVdE7/u3n3DnExCMQFpvRAD1iD7AUHkMNJHQozZZEv6y3gQAOw==);
}

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


<style>
.block-textures-data_url{
width:100%;
height:306px;
background:transparent;
background-repeat:repeat;
background-image:url(data:image/gif;base64,R0lGODlhEgASAKIAAOqfleZuXtY1H////7oWAAAAAAAAAAAAACH5BAAAAAAALAAAAAASABIAAANEOLpL4/CxKaNbYWRlqwrCIGxexFxcKWnh2KiY9nYopdYUfVdE7/u3n3DnExCMQFpvRAD1iD7AUHkMNJHQozZZEv6y3gQAOw==);
}
</style>
<div class="block-textures-data_url"></div>

Геометрические примеры использования текстуры

Чтобы увидеть результат html & css нажмите на значёк Кнопка выполнения кода html & css в редакторе.

Текстура в виде круга

Текстура в виде эллипса

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

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

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

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

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

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

Скачать

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



Добавлено Автор Ник Источник Просмотров Комментариев Теги
26-05-2015 Михаил Меренков aTmpl © 307 0 текстура для сайта, скачать текстуру