На этом шаге мы рассмотрим особенности применения фильтра alpha.
Фильтр alpha может использоваться для установки прозрачности изображения целиком, или его части.
Общий вид:
STYLE="filter:alpha(Opacity=<число>, FinishOpacity=<число>, Style=<число>,
StartX=<число>, StartY=<число>, FinishX=<число>, FinishY=<число>)"
Перечислим назначение указанных свойств. Свойство Opacity определяет степень прозрачности: значение 0 соответствует полной прозрачности (невидимости) изображения, а значение 100 - нормальному изображению. Параметр Style определяет способ создания эффекта прозрачности. Его умалчиваемое значение равно 0 и соответствует изменению прозрачности всего изображения. Ненулевое значение означает, что прозрачность объекта не однородна и изменяется от пикселя к пикселю. При Style=1 параметры StartX, StartY, FinishX, FinishY определяют координаты точек прямой, на которой прозрачность равна значению параметра FinishOpacity. Прозрачность точек, лежащих между границами объекта и этой прямой, меняется от значения, заданного свойством Opacity, до значения, заданного свойством FinishOpacity.
При значении Style=2 степень прозрачности точек изображения меняется при перемещении из центра к эллипсу (вписанному в прямоугольный блок отображения элемента) от значения, определяемого свойством Opacity, до значения, заданного параметром FinishOpacity. Вне вписанного эллипса прозрачность соответствует FinishOpacity.
Если Style=3, прозрачность аналогичным образом меняется от центра до границ изображения.
Комбинируя значения свойств фильтра alpha можно создавать разнообразные эффекты отображения объекта. Некоторые возможности показаны на рисунке 1.
Рис.1. Результат использования фильтра alpha
На рисунке 1 слева направо:
- нормальное изображение;
- Opacity=60, FinishOpacity=0, Style=1;
- Opacity=60, FinishOpacity=0, Style=2;
- Opacity=60, FinishOpacity=0, Style=3.
На следующем шаге мы рассмотрим фильтры blur и chroma.
