Применение визуальных фильтров

Внимание! Для корректной работы фильтров используйте Internet Explorer!!!

Поэкспериментируйте с фильтрами, приведёнными ниже и постарайтесь добиться результатов, представленных в примерах

alpha

Визуальный фильтр alpha может использоваться, чтобы установить прозрачность объекта - или всего изображения целиком, или области градиента.
Синтаксис: STYLE="filter:alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"

OpacityУровень прозрачности от 0 до 100, где
0 - прозрачно,
100 - непрозрачно
FinishOpacityКонечный уровень прозрачности от 0 до 100, где
0 - прозрачно,
100 - непрозрачно
Styleпринимает значения:
0 (uniform),
1 (линия),
2 (круг),
3 (прямоугольник)
Startxкоордината X начала градиента
Startyкоордината y начала градиента
Finishxкоордината X конца градиента
Finishyкоордината Y конца градиента
Пример:

blur

Фильтр blur создает впечатление движения путем размытия объекта.
Синтаксис: style="filter:blur(add = add, direction = direction, strength = strength)"

addДобавляет размываемый объект к размытому ( любое целое значение, 0 - не добавляет)
direction0о - 315о с шагом в 45о - определяет направление размытия
strengthЦелое значение, представляющее число пикселей "глубины" изображаемого объекта
Пример:

chroma

Фильтр chroma делает определенный цвет рисунка прозрачным.
Синтаксис: style="filter:chroma(color = color)"

ColorЛюбой цвет (#rrggbb). Что бы данный фильтр работал нормально необходимо, чтобы выбранный цвет присутствовал в объекте
Пример:

flipH и flipV

Фильтр flipH переворачивает объект горизонтально.
Синтаксис: style="filter:flipH"

Фильтр flipV переворачивает объект вертикально.
Синтаксис: style="filter:flipV"

Пример:

gray, invert и xray

Фильтр grey Уничтожает цвета - делает черно-белый объект.
Синтаксис: style="filter:gray"

Фильтр invert реверсирует оттенок, насыщенность и яркость объекта.
Синтаксис: style="filter:invert"

Фильтр xray воздействует на объект как Х-луч.
Синтаксис: style="filter:xray"

Пример:



wave

Фильтр wave делает объект волнистым.
Синтаксис: style="filter:wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)"

Addзначение, определяющее, добавлен ли первоначальный объект (true, nonzero) к фильтрованному объекту или нет (alse, zero)
Freqцелое значение, определяющее число волн
LightStrengthсила волны в %
Phaseопределяет угловое смещение волн (т.е. 0/100% = 360 градусов, 25% = 90 градусов)
Strengthцелое значение, определяющее интенсивность эффекта волны
Пример:




Сервис балкон - замок сервис "Отделка балконов".