На этом шаге мы рассмотрим фильтр dropShadow.
Фильтр dropShadow добавляет силуэт объекта, смещенный в определенном направлении. Его общий вид:
STYLE="filter:dropShadow(Color=<цвет>, OffX=<число>,
OffY=<число>, Positive=<логическое значение или число>)"
У фильтра dropShadow кроме свойства Color, задающего цвет тени, имеется ряд свойств, задающих параметры падающей тени. Свойства OffX и OffY определяют количество пикселей в горизонтальном и вертикальном направлениях, на которые смещается тень от как бы приподнятого над плоскостью страницы объекта, а свойство Positive определяет, должен ли фильтр создавать падающую тень от прозрачных пикселей объекта. Если значение этого свойства true, то тень создается от непрозрачных пикселей объекта, если false - от прозрачных. Положительное значение свойства OffX смещает тень вправо, отрицательное - влево; положительное значение свойства OffY смещает тень вниз, отрицательное - вверх. На рисунке 1 показаны эффекты от применения этого фильтра.
Рис.1. Результат использования фильтра dropShadow (наведите курсор мыши на текст)
На рисунке 1 сверху вниз:
- Color='#7FFF00', OffX=10, OffY=-10, Positive=true;
- Color='#7FFF00', OffX=10, OffY=10, Positive=true.
На следующем шаге мы рассмотрим фильтры flipH и flipV.
