С добавлением новых возможностей в CSS3 большинство элементов интерфейса, переходят из разряда картинок, которые рисовали дизайнеры, в разряд элементов, которые реализуют программисты. Сегодня мы рассмотрим пример создание ленты на CSS с минимальным количеством HTML разметки.

Применение подобных лент в последнее время находит все большее и большее применение в самых разнообразных местах. Конечно, на больших порталах вы вряд ли сможете их найти, однако на мини-сайтах, это смотрится очень красиво.

Основное преимущество состоит в том, что мы избавляемся от необходимости каждый раз запрашивать изображение, можем в любой момент изменить размер ленты и ее цвет (что в случае с изображением очень проблематично). А поскольку CSS теперь поддерживает градиентную заливку, то наша лента можно выглядеть очень разнообразно.

Читать статью полностью