CSS Attributes Index CSS Filters
Allows you to show or hide visual objects, using any of the 23 predefined types of patterns.
{ filter: revealTrans ( duration=0.000, transition=0...23 ) }
| duration |
Length of time the transition should take to complete. Value, float. Value is expressed in seconds.milliseconds ( 0.000 ). |
| transitionshape |
Shape of the transition ( reveal transition only ). Integer. A value from 0 to 23. The transition shape is determined by one of the values shown in the following table.
| Box in |
0 |
Random dissolve |
12 |
| Box out |
1 |
Split vertical in |
13 |
| Circle in |
2 |
Split vertical out |
14 |
| Circle out |
3 |
Split horizontal in |
15 |
| Wipe up |
4 |
Split horizontal out |
16 |
| Wipe down |
5 |
Strips left down |
17 |
| Wipe left |
6 |
Strips left up |
18 |
| Wipe right |
7 |
Strips right down |
19 |
| Vertical blinds |
8 |
Strips right up |
20 |
| Horizontal blinds |
9 |
Random bars horizontal |
21 |
| Checkerboard across |
10 |
Random bars vertical |
22 |
| Checkerboard down |
11 |
Random |
23 |
|
Note that in certain elements, a defined height, width, or absolute position is required.
The following example demonstrates all of the 23 transition filters supported in Internet Explorer.
Show me
CSS Filter Properties and Methods