Галерея узоров CSS3 для фона
Новые возможности CSS3 уже сегодня позволяют реализовывать то, что раньше было возможно сделать только при помощью графического редактора (например, Photoshop). Поэтому современному веб-дизайнеру мало познакомиться с новыми фичами, нужно еще пересмотреть подходы и научиться эти фичи творчески использовать.
Развивать подобные навыки всегда помогал разбор практических примеров. Хотите разобраться как создаются сложные бесшовные узоры? Нет проблем! В этом вам окажет неоценимую помощь проект CSS3 Patterns Gallery.
Обновление 12.03.2020: В данный момент сервис уже не работает. Советуем вам посмотреть другие CSS генераторы или просто скачать геометрические текстуры для Фотошопа.
Галерея узоров CSS3 Patterns предлагает вашему вниманию 18 примеров виртуозного использования каскадных таблиц стилей. Глядя на некоторые из них сложно поверить, что они были созданы исключительно средствами CSS, тем не менее, так оно и есть. Здесь есть фоны в стиле карбон, кирпичной стены и шахматной доски, а также со звездочками, сердечками и различного рода полоски и клеточки. И что самое интересное — эти и другие изображения через CSS будут доступны даже с выключенными картинами в браузере.
Что вы можете с этим добром сделать? В простейшем варианте, просто позаимствовать понравившийся узор для того чтобы использовать его в каком-то собственном проекте. Но, если вы пойдете дальше и уделите время на то, чтобы разобраться в том каким образом каждый узор создан, то много чему научитесь!
Небольшой технический комментарий о совместимости: в целом узоры хорошо отображаться на IE 10, Firefox 3.6+, Opera 11.10 и других современных браузерах, тем не менее, некоторые детали местами могут отображаться не корректно. На более старых браузерах (например, Firefox 3.6 и младше) вероятность проблем чуть выше.
Кстати, вы можете выслать администратору сайта свой узор и если он будет действительно интересным, то обязательно будет опубликован. Изучайте новые возможности CSS и хвастайте своими достижениями!
«в целом узоры хорошо отображаться на IE 10» Это что за зверь? Я отстал? Вроде 9-ый только есть…
higimo, думал ошибка, посмотрел на сайте с галереей, пишут ИЕ10, может бета версия какая-то.
Интересная галерея узоров, всегда пригодится вэбдезигнеру, спасибо за пост.