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

style-shadow.gif

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

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

Про двойную тень средствами CSS я уже как-то рассказывал.

Здесь же сначала добавляется тень белого цвета, сдвинутая вниз на 2 пикселя, а затем еще одна тень серого цвета, но уже сдвинутая на 4 пикселя. Просто и довольно симпатично.

Напомню, что первые два значения задают, соответственно, смещение по горизонтали и по вертикали, третье — размытие.

А вот еще более крутое использование данного свойства: 3D текст.

Enjoy!

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

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5,00 out of 5)
Загрузка...

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

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