DHTML-конструирование
Справочник по CSS

статические фильтры

Все фильтры задаются при помощи ключевого свойства filter:

filter: <имя фильтра>(<параметр1>,<параметр2>,...);

Имя соответствующего свойства объекта style — filter.

имя фильтра описание
alpha

Задает уровень прозрачности объекта. Параметры:

opacity Процент непрозрачности объекта.
finishopacity   Процент непрозрачности объекта в конце.
style Стиль прозрачности (0 — унивеверсальный, 1 — линейный, 2 — радиальный, 3 — прямоугольный).
startx X-координата начала градиента прозрачности.
starty Y-координата начала градиента прозрачности.
finishx X-координата конца градиента прозрачности.
finishy Y-координата конца градиента прозрачности.

Испытатель

blur

Приводит к появлению у изображения размытой тени, создающей эффект движения. Параметры:

add Определяет,будет ли участвовать в эффекте первоначальный образ (значения 0 и 1).
direction   Направление эффекта.
strength Интенсивность эффекта.

Испытатель

croma

Определяет прозрачный цвет для объекта. Параметры:

color   Определяет прозрачный цвет.

Испытатель

dropshadow

Создает силует объекта, смещенный относительно оригинала, в результате получается эффект тени. Параметры:

color Цвет тени, шестнадцатеричное числовое значение в формате #RRGGBB.
offx Ширина тени в пикселах; положительные значения смещают тень вправо, отрицательные — влево.
offy Высота тени в пикселах; положительные значения смещают тень вниз, отрицательные — вверх.
positive   Значение 0 создает тень от любого непрозрачного пиксела объекта, значение 1 — от любого прозрачного пиксела.

Испытатель

fliph

Зеркальное отражение объекта относительно горизонтальной оси. Параметров нет.

Испытатель

flipv

Зеркальное отражение объекта относительно вертикальной оси. Параметров нет.

Испытатель

glow

Создает эффект “тления”. Параметры:

color Задает цвет “тления”.
strength   Интенсивность эффекта.

Испытатель

gray

Преобразует объект в черно-белый. Параметров нет.

Испытатель

invert

Обращает цветовые тона, интенсивность и яркость, создавая эффект негатива. Параметров нет.

Испытатель

light

Создает эффекты направленного, конического или общего света, явно или неявно освещающего объект. Свойства фильтра задаются следующими методами:

Метод Результат Параметры
addAmbient Эффект общего света (освещается весь объект). R, G, B — значения цвета от 0 до 255
strength — интенсивность эффекта
Испытатель
addCone Создает конус света. x1, y1, z1 — координаты источника света
x2, y2 — координаты цели
R, G, B — значения цвета от 0 до 255
strength — интенсивность эффекта
spread — величина круга или эллипса, освещаемого конусом света
Испытатель
addPoint Точечный источник света. x, y, z — координаты источника света
R, G, B — значения цвета от 0 до 255
strength — интенсивность эффекта
Испытатель
changeColor Изменяет цвет источника света. light — номер, связанный со световым эффектом
R, G, B — значения цвета от 0 до 255
absolute — значение false этого параметра добавляет значения цвета к существующему цвету света, значение true явно заменяет цвет света на указанное новое значение.
Испытатель
changeStrength Изменяет интенсивность источника света. lightx — номер, связанный со световым эффектом
strength — новое значение интенсивности
absolute — значение false этого параметра увеличивает интенсивность на заданное значение strength, true явно заменяет ее на указанное значение.
Испытатель
Clear Устраняет все эффекты светового фильтра.  
MoveLight Передвигает источник света. light — номер, связанный со световым эффектом
x, y, z — новые координаты источника света
absolute — значение false этого параметра делает систему координат относительной, true — абсолютной.
Испытатель
mask

Создает прозрачную маску из непрозрачных пикселов.

color   Определяет цвет маски.

Испытатель

shadow

Позволяет определить цвет и направление тени.

color Цвет тени.
direction   Направление тени.

Испытатель

wave

Наклоняя объект, создает эффект его колебательного или волнового искажения.

add Определяет, будет ли участвовать в эффекте первоначальный образ (1 — да, 0 — нет).
freq Число колебаний.
lightstrength   Интенсивность колебания (от 0 до 100).
phase Смещение начала синусоидального волнового эффекта; принимает значения от 0 до 100; 50 соответствует 180 градусам, 100 — 360 градусам.
strength Интенсивность эффекта.

Испытатель

xray

Устраняет цветовую насыщенность объекта, превращая все его цвета в черный и белый, создавая эффект рентгеновского снимка. Параметров нет.

Испытатель

DHTML-конструирование RU 2000/2001 © А.А.Дуванов

оглавление позиционирование, z-index курсор