Фильтры - старое новое слово в дизайне
Фильтры - старое
новое слово в дизайне
С
помощью фильтров можно сделать такие
эффекты как сглаживание или прозрачность
на Web страницах.
Браузер фирмы Microsoft (MSIE) уже давно
поддерживает мультимедийные фильтры,
начиная с версии 4.0. Для прописывания
фильтра нужно в стиле указать ширину и
прописать сам стиль:
filter:имя_фильтра(параметры);
filter: progid:
DXImageTransform.Microsoft.имя_фильтра(параметры);
Фильтр |
Параметры |
Пример |
Результат |
Alpha
Прозрачность |
opacity=n
Прозрачный на n процентов |
filter: Alpha(opacity=50); |
Пример
|
Blur Размытие |
Add - тип добавления(0/1); Strength - на сколько пикселей размазывать; Direction - угол в градусах относительно вертикали по часовой стрелке. |
filter: Blur(Add = 1, Strength = 5, Direction = 45); |
Пример
|
Chroma Делает определенный цвет прозрачным |
Color - задает цвет |
filter: Chroma(Color = #000000); |
Пример
|
DropShadow Тень для объекта |
Color - задает цвет, OffX - смещение по оси X, OffY - смещение по оси Y, Positive - 0 - негатив/1 - позитив |
filter: DropShadow(Color = Gray, OffX=2, OffY=2, Positive=1); |
Пример
|
FlipH Зеркальное отражение по вертикали |
|
filter: FlipH(); |
Пример
|
FlipV Зеркальное отражение по горизонтали |
|
filter: FlipV(); |
Пример
|
Glow Ореол вокруг объекта |
Color - цвет, Strength - сила фильтра в пикселях |
filter: Glow(Color = Blue, Strength = 5); |
Пример
|
|