Галерея узоров CSS3 для фона

Новые возможности CSS3 уже сегодня позволяют реализовывать то, что раньше было возможно сделать только при помощью графического редактора (например, Photoshop). Поэтому современному веб-дизайнеру мало познакомиться с новыми фичами, нужно еще пересмотреть подходы и научиться эти фичи творчески использовать.

Развивать подобные навыки всегда помогал разбор практических примеров. Хотите разобраться как создаются сложные бесшовные узоры? Нет проблем! В этом вам окажет неоценимую помощь проект CSS3 Patterns Gallery.

узоры CSS3

Галерея узоров CSS3 Patterns предлагает вашему вниманию 18 примеров виртуозного использования каскадных таблиц стилей. Глядя на некоторые из них сложно поверить, что они были созданы исключительно средствами CSS, тем не менее, так оно и есть. Здесь есть фоны в стиле карбон, кирпичной стены и шахматной доски, а также со звездочками, сердечками и различного рода полоски и клеточки. И что самое интересное – эти и другие изображения через CSS будут доступны даже с выключенными картинами в браузере.

Что вы можете с этим добром сделать? В простейшем варианте, просто позаимствовать понравившийся узор для того чтобы использовать его в каком-то собственном проекте. Но, если вы пойдете дальше и уделите время на то, чтобы разобраться в том каким образом каждый узор создан, то много чему научитесь!

Галерея узоров CSS3

Небольшой технический комментарий о совместимости: в целом узоры хорошо отображаться на IE 10, Firefox 3.6+, Opera 11.10 и других современных браузерах, тем не менее, некоторые детали местами могут отображаться не корректно. На более старых браузерах (например, Firefox 3.6 и младше) вероятность проблем чуть выше.

Кстати, вы можете выслать администратору сайта свой узор и если он будет действительно интересным, то обязательно будет опубликован. Изучайте новые возможности CSS и хвастайте своими достижениями!

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 3 для поста Галерея узоров CSS3 для фона
  1. ]]> higimo ]]> (May 18, 2011)

    «в целом узоры хорошо отображаться на IE 10» Это что за зверь? Я отстал? Вроде 9-ый только есть…

  2. ]]> Tod ]]> (May 19, 2011)

    higimo, думал ошибка, посмотрел на сайте с галереей, пишут ИЕ10, может бета версия какая-то.

  3. ]]> Сергей ]]> (June 5, 2011)

    Интересная галерея узоров, всегда пригодится вэбдезигнеру, спасибо за пост.

Оставить комментарий
для статьи Галерея узоров CSS3 для фона