Стильная тень на CSS

style-shadow.gif

Вот такая симпатичная двойная тень, делающая текст словно бы вырезанным из бумаги, достигается при помощи использования свойства text-shadow с двумя последовательно (через запятую) записанными значениями:

text-shadow: 0 2px 0 #fff, 0 4px 0 #ccc;

Про двойную тень средствами CSS я уже как-то рассказывал. Здесь же сначала добавляется тень белого цвета, сдвинутая вниз на 2 пикселя, а затем еще одна тень серого цвета, но уже сдвинутая на 4 пикселя. Просто и довольно симпатично. Напомню, что первые два значения задают, соответственно, смещение по горизонтали и по вертикали, третье — размытие. А вот еще более крутое использование данного свойства: 3D текст.

Enjoy!

17.07.2011

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

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

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

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

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

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