>>> Перейти на мобильный размер сайта >>>

Онлайн учебники на TEPKA.ru

Краткий справочник по HTML

       

Свойства динамических и статических фильтров в HTML

Все фильтры вызываются с помощью ключевого слова filter. Есть два вида фильтров: статические и динамические. Динамические фильтры разделены на две группы: управляющие переходом (переходные) и управляющие появлением объекта на экране. Фильтры первой группы предназначены для того, чтобы объект накладывался на другие объекты или уходил с соседних объектов. Фильтры второй группы заставляют объекты появляться или исчезать одним из 23-х возможных способов. Все фильтры вызываются одинаково из каскадной таблицы стилей:

filter: имя фильтра(параметр1, параметр2, и т. д.}

Есть 14 типов статических фильтров и 2 типа динамических.

Visual filters

Свойства объект.style.<имя фильтра> (параметр1 и т. д.)
Значения <имя фильтра> (параметр1 , параметр2 и. т. д.)
Значение по умолчанию Нет примененного фильтра
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Управляет внешним видом объектов при помощи набора встроенных фильтров. Приведем список доступных фильтров и укажем их функции:

Фильтр
Функция
alpha
Задает постоянный уровень прозрачности
blur
Создает эффект движения
chroma
Создает одноцветный транспарант
dropshadow
Обводит силуэт объекта
fliph
Делает горизонтальное отражение картинки
f lipv
Делает вертикальное отражение картинки
glow
Создает эффект «тления»
grayscale
Преобразует объект в черно-белый
Invert
Инвертирует цвета, оттенки и яркость
light
Освещает объект от источника
mask
Делает из объекта маску-транспарант
shadow
Создает силуэт объекта отдельно от объекта
wave
Создает «волнистое» искажение объекта
xray
Показывает только контур объекта

revealtrans

Свойства объект .style. revealtrans
Значения (duration = <длительность>, transition = <тип перехода>)
revealtrans (duration = < длительность>, transition = <тип перехода>)
Значение по умолчанию Нет примененного фильтра
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Позволяет открывать или закрывать одни элементы другими, используя 23 встроенных шаблона.

  • <длительность> — время, за которое превращение с помощью фильтра произойдет полностью (в миллисекундах);
  • <тип перехода> — целое число, соответствующее номеру применяемого фильтра.
Тип превращения
Номер фильтра
Box In (стягивающийся прямоугольник)
0
Box Out (расширяющийся прямоугольник)
1
Circle In (стягивающийся круг)
2
Circle Out (расширяющийся круг)
3
Wipe Up (стирание вверх)
4
Wipe Down (стирание вниз)
5
Wipe Right (стирание вправо)
6
Wipe Left (стирание влево)
7
Vertical Blinds (вертикальные жалюзи)
8
Horisontal Blinds (горизонтальные жалюзи)
9
Checkerboard Across («сужающиеся» клетки шахматной доски)
10
Checkerboard Down («закрывающаяся» шахматная доска)
11
Random Dissolve (случайный наплыв)
12
Split Vertical In (вертикальное деление внутрь)
13
Split Vertical Out (вертикальное деление наружу)
14
Split Horisontal In (горизонтальное деление внутрь)
15
Split Horisontal Out (горизонтальное деление наружу)
16
Strips Left Down (стирание влево/вниз)
17
Strips Left Up (стирание влево/вверх)
18
Strips Right Down (стирание вправо/вниз)
19
Strips Right Up (стирание вправо/вверх)
20
Random Bars Horisontal
(случайно расположенные полосы по горизонтали)
21
Random Bars Vertical (случайно расположенные полосы по вертикали)
22
Random selection of (0-22) (случайный выбор из предыдущих)
23

blendtrans

Свойства объект, style,
Значения (duration= <длительность>) blendtransblendTrans(duration=<длительность>)
Значение по умолчанию Нет примененного фильтра
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Позволяет управлять появлением и исчезновением выбранных видимых объектов. Здесь <длительность> — время, за которое действие фильтра произойдет полностью (в миллисекундах).

 

 

 

Top.Mail.Ru
Top.Mail.Ru