Шаг 45.
Основы CSS.
Динамические фильтры (переходы)
На этом шаге мы рассмотрим общие свойства и методы переходов.
Динамические фильтры или переходы используют в Web для создания эффекта анимации.
По сути, это обычное трансформирование одного изображения в другое различными способами.
Прежде чем рассматривать конкретные переходы, перечислим некоторые свойства-параметры, которые присущи всем
динамическим фильтрам:
- Duration - определяет интервал времени, за который совершается переход. Его значением является действительное
число с плавающей точкой в формате секунды.миллисекунды. В сценариях его можно изменять, если только не началось выполнение перехода;
- Status - доступно только из сценария и возвращает состояние выполнения преобразования: 0 - если преобразование было остановлено; 1 - если оно было применено; 2 - если преобразование выполняется;
- Enabled - разрешение применения фильтра. true (по умолчанию) - разрешает применить фильтр; false - не разрешает;
- Percent - задает процент выполнения преобразования. Может принимать значения от 0 (преобразование еще не началось) до 100 (преобразование закончено).
Ко всем переходам можно также применять следующие методы:
- Apply() - замораживает элемент страницы, после чего вы можете изменять параметры элемента. Для того чтобы запустить преобразование, используйте метод Play();
- Play(<продолжительность>) - запускает преобразование. Необязательный параметр продолжительность определяет время в секундах,
в течение которого выполняется этот метод;
- Stop() - немедленно останавливает преобразование.
На следующем шаге мы рассмотрим фильтр blendTrans.
Предыдущий шаг
Содержание
Следующий шаг