AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Генератор тени у текста с помощью стиля CSS3 text-shadow

text-shadow


Код:
<span style="text-shadow: 3px 3px 1px #AAA;
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#AAA, offx=3, offy=3);">
text-shadow
</span>

Для обращения в javascript используйте свойство:

obj.style.textShadow='3px 3px 1px #AAA';
// для IE:
obj.style.filters.dropshadow.offx=3; // и так для каждого свойства или см.ниже:
obj.style.filter='progid:DXImageTransform.Microsoft.DropShadow(color=#AAA, offx=3, offy=3)';

перечень браузеров, которые поддерживают свойство text-shadow:

Текстовые тени в IE

Обратите внимание, В IE работает только для блочных эллементов(DIV)

Описание на MSDN: http://msdn.microsoft.com/en-us/library/ms532985%28v=vs.85%29.aspx

Параметры фильтра DropShadow в IE

Параметр Описание Возможные значения Значение по умолчанию
enabled флаг, управляющий фильтром
  • true - фильтр включен
  • false - фильтр отключен
true
color цвет тени
  • цвет в шестнадцатеричной системе, например, #FF4010A0
  • имя цвета, например, red

Код цвета записывается в формате #AARRGGBB, где AA - альфа-канал (00 - абсолютно прозрачный, FF - абсолютно непрозрачный, т.е. 256 уровней прозрачности тени), RRGGBB - обычная RGB запись цвета.

#FF404040
offX смещение тени в пикселях по оси x
  • целое положительное число - смещение вправо
  • целое отрицательное число - смещение влево
5
offY смещение тени в пикселях по оси y
  • целое положительное число - смещение вниз
  • целое отрицательное число - смещение вверх
5
positive флаг, определяющий будет ли тень создаваться для непрозрачных пикселей элемента или для прозрачных пикселей элемента
  • true - тень будет создаваться для непрозрачных пикселей элемента
  • false - тень будет создаваться для прозрачных пикселей элемента (позволяет задать тень для прозрачной области)
true

Посмотрите также:


.

© Copyright 2008-2016 by KDG