На этом шаге мы рассмотрим фильтр revealTrans.
Фильтр revealTrans позволяет, в отличие от перехода blendTrans, выполнить переходы из одного видимого состояния в другое разнообразными способами. Его свойство Transition может иметь целое значение, которое определяет тип перехода. Допустимые значения представлены в таблице 1.
| Переход | Отображение объекта |
|---|---|
| 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. Надеемся, что изложенный материал пригодится Вам в дальнейшем.
