Стильное оформление цитаты на CSS3

CSS3 продолжает рулить! Кто еще этого не осознал — вэлкам назад в пещеры. Итак, вот какую штуку я нарыл недавно в интернетах: стильное оформление цитаты в виде разлинованных листков из блокнота. И вся эта красота без единой картинки. Только чистый CSS3:

Стильное оформление цитаты на CSS3

Демку можно посмотреть здесь, а код загрузить на странице автора: Notepaper Blockquote.

В коде используются такие новомодные штуки как:

transform: rotate(deg);
background-image: -o-radial-gradient;
box-sizing: border-box;
box-shadow;

и старые добрые псевдоэлементы :before и :after. Ковыряйте код из примера и все поймете сами.

07.09.2012

Автор: Игорь Квентор
www.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

1 Star2 Stars3 Stars4 Stars5 Stars (Вы еще не оценили)
Загрузка...

Похожие записи:

Подпишитесь на рассылку блога Вебсовет, чтобы первыми получать самые интересные материалы:

Оставить комментарий: