Шаг 47.
Основы CSS.
Фильтр revealTrans

    На этом шаге мы рассмотрим фильтр revealTrans.

    Фильтр revealTrans позволяет, в отличие от перехода blendTrans, выполнить переходы из одного видимого состояния в другое разнообразными способами. Его свойство Transition может иметь целое значение, которое определяет тип перехода. Допустимые значения представлены в таблице 1.

Таблица 1. Значения свойства Transition
Переход Отображение объекта
0 Сжимающийся прямоугольник
1 Расширяющийся прямоугольник
2 Сжимающийся круг
3 Расширяющийся круг
4 Разворачивание снизу вверх
5 Разворачивание сверху вниз
6 Разворачивание слева направо
7 Разворачивание справа налево
8 Вертикальные жалюзи
9 Горизонтальные жалюзи
10 В шахматном порядке поперек
11 В шахматном порядке вниз
12 Пиксели отображаются в случайном порядке
13 Одновременно слева и справа к центру
14 Одновременно от центра налево и направо
15 Одновременно снизу и сверху к центру
16 Одновременно от центра вверх и вниз
17 От правого верхнего угла к левому нижнему
18 От правого нижнего угла к левому верхнему
19 От левого верхнего угла к правому нижнему
20 От левого нижнего угла к правому верхнему
21 Случайными горизонтальными линиями
22 Случайными вертикальными линиями
23 Отображение пикселей случайным образом

    На рисунке 1 показан результат применения перехода revealTrans со значением параметра Transition=1 вместо перехода blendTrans в примере предыдущего шага. В этом случае новый рисунок прорисовывается в течение 8 секунд расширяющимся из центра прямоугольником.


Рис.1. Пример фильтра revealTrans (щелкните по рисунку)

    Мы закончили изучение основ CSS. Надеемся, что изложенный материал пригодится Вам в дальнейшем.




Предыдущий шаг Содержание