Главная > Дизайн > CSS > Текст с тенью при помощи CSS

Текст с тенью при помощи CSS

24.02.2010. CSS, Дизайн

0

Object moved to here.

Еще одно замечательное свойство CSS3 text-shadow. Оно позволяет создавать тень для текста.

Это свойство имеет 4 параметра:

Первый параметр отвечает за смещение тени по горизонтали. Положительное значение - смещение влево, а отрицательное - вправою

Следующий, второй параметр, указывает смещение по вертикали. Положительные значение - смещение вниз, отрицательное - наверх.

Третий параметр определяет размывание тени.

И последний параметр указывает на цвет тени.

Последние два параметра не обязательны.

Примеры:

text-shadow: 2px 2px 2px black;
text-shadow: 2px 2px 2px yellow;
text-shadow: 2px 2px 2px green;

Размытый текст:

style="text-shadow: 0px 0px 3px "

Текст с зеленым свечением:

style="text-shadow: 0px 0px 5px "

Также можно создавать двойную тень:

<div style="text-shadow: 2px 2px 4px #00F, 5px 5px 2px red;"> Текст с двойной тенью<span></div>

А вот, наример, текст с 25 тенями, в Firefox, Chrome, Konqueror отображается нормально, в Opera не правильно

текст с 25 тенями

Вот так быстро, просто и легко можно создавать красивые эффекты при написании текста

P.S. Хотите больше знать про Unix-системы? Тогда можете посмотреть бесплатные курсы Linux




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


Метки:

Rambler's Top100 Блогун - монетизируем блоги