Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Reveal filters

Reveal transition filters allow you to show or hide visual objects. You specify the length of time the transition takes to complete in seconds and milliseconds and you can use any one of the pre-defined types of pattern.

For example, the following is a box in filter:

{filter: revealTrans(duration=0.6 transition=0)}

Use one of the values from the following table to specify the transition shape:

Effect

Transition

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

Horizontal blinds

9

Checkerboard across

10

Checkerboard down

11

Random dissolve

12

Split vertical in

13

Split vertical out

14

Split horizontal in

15

Split horizontal out

16

Strips left down

17

Strips left up

18

Strips right down

19

Strips right up

20

Random bars horizontal

21

Random bars vertical

22

Random

23

If you want to see a working example, you can look at the Transition Effects page. This HTML page shows the effects of all the transition. For each transition, there is an example. Click on the Go button to see the transition.