CSS-свойство text-shadow преобразит текст на вашем сайте - Скрипты - Веб-мастеру - NICKov Net форум » NIСKov Net! - Компания техно-маньяков!

 
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
NICKov Net форум » Веб-мастеру » Скрипты » CSS-свойство text-shadow преобразит текст на вашем сайте
CSS-свойство text-shadow преобразит текст на вашем сайте
Carbon_fiber
Offline
13.08.2009, 15:57 | №1

.:I'am HACKer:=):.
Был удивлен, когда, погуглив по данному блогу, обнаружил, что я ни разу не писал о таком замечательном CSS-свойстве, как text-shadow. А ведь оно стоит внимания, тем более, что с недавнего времени к поддерживающим его браузерам присоединился вышедший некоторое время назад FireFox 3.1.

Таким образом, на сегодняшний день text-shadow, которое описано в спецификации CSS3 (ранее было в CSS2 и CSS2.1), поддерживают следующие браузеры: Opera 9.5+, Safari 3+, Firefox 3.1+ и Google Chrome 2+.

Хорошая особенность этого свойства заключается в том, что в популярном браузере Internet Explorer, который его не поддерживает (включая IE8), при отстутствии тени (в большинстве возможных вариантов) читабельность текста не снижается. Поэтому text-shadow можно смело использовать. А пользователи IE в очередной раз не увидят всей прелести современных технологий (”спасибо” Майкрософту =).



Описание свойства text-shadow
Рассмотрим на следующем примере:
Code
h1 { text-shadow: 2px 3px 1px #CCC; }

Первое значение (2px) - смещение тени по горизонтали относительно текста (может быть отрицательным); положительное значение смещает тень вправо, отрицательное - влево.
Второе значение (3px) - смещение тени по вертикали (может быть отрицательным); положительное значение смещает тень вниз, отрицательное - вверх.
Третье значение (1px) - размытие тени; не обязательно.
Четвертое значение (#CCC) - цвет тени; не обязательно; если не указано, используется цвет текста; можно ставить либо первым значением, либо последним.

Кроме того, свойство text-shadow позволяет создавать множественные тени. Для этого через запятую нужно указать дополнительный ряд значений, например:

Code
h1 { text-shadow: 2px 3px 1px #CCC, -3px 3px yellow, green 3px -3px 10px; }

Интересный пример, демонстрирующий свойство text-shadow, который, судя по исходному коду, работает на совсем небольшом JS-скрипте.


IE это такая программа, с помощью которой можно зайти на сайт www.opera.com и скачать себе браузер...
 
Галима
Offline
19.09.2009, 19:58 | №2

Для главной страницы интересная придумка :)
 
Carbon_fiber
Offline
19.09.2009, 22:08 | №3

.:I'am HACKer:=):.
Галима, Оссобенно для шапки, и ненадо грузить трафик :D

IE это такая программа, с помощью которой можно зайти на сайт www.opera.com и скачать себе браузер...
 
NICKov Net форум » Веб-мастеру » Скрипты » CSS-свойство text-shadow преобразит текст на вашем сайте
Страница 1 из 11
Поиск: