Transitions: By Number

Home/DHTML/JavaScripts/Transitions: By Number

Here is a listing of the IE 4+ transitions by their numbers. You can view a sample of what each transition would look like by clicking the "Try It!" button for each one below. This will show you a preview of the transition on a small picture. If you want to view it a second time, reload the page to reset the transitions.

Back to Transitions Tutorial

Transition: 0
(Square Outside-In)

Transition: 1
(Square Inside-Out)

Transition: 2
(Circle Outside-In)

Transition: 3
(Circle Inside-Out)

Transition: 4
(Vertical Scroll Up)

Transition: 5
(Vertical Scroll Down)

Transition: 6
(Horizontal Scroll to Right)

Transition: 7
(Horizontal Scroll to Left)

Transition: 8
(Vertical Bars)

Transition: 9
(Horizontal Bars)

Transition: 10
(Vertical Bars Variation)

Transition: 11
(Horizontal Bars Variation)

Transition: 12
(Pixel Fade)

Transition: 13
(Horizontal Scroll from Both Sides to Center)

Transition: 14
(Horizontal Scroll from Center to Both Sides)

Transition: 15
(Vertical Scroll from Top and Bottom to Center)

Transition: 16
(Vertical Scroll from Center to Top and Bottom)

Transition: 17
(Diagonal from Top-Right to Bottom-Left)

Transition: 18
(Diagonal from Bottom-Right to Top-Left)

Transition: 19
(Diagonal from Top-Left to Bottom-Right)

Transition: 20
(Diagonal from Bottom-Left to Top-Right)

Transition: 21
(Horizontal Bars- Fade)

Transition: 22
(Vertical Bars- Fade)

Transition: 23
(Random- Reload Page for New Random Transition)

Well, those are the Transitions, let's go back to the Transitions Tutorial.

Transition: 0 (Square Outside-In)
Transition: 1 (Square Inside-Out)
Transition: 2 (Circle Outside-In)
Transition: 3 (Circle Inside-Out)
Transition: 4 (Vertical Scroll Up)
Transition: 5 (Vertical Scroll Down)
Transition: 6 (Horizontal Scroll to Right)
Transition: 7 (Horizontal Scroll to Left)
Transition: 8 (Vertical Bars)
Transition: 9 (Horizontal Bars)
Transition: 10 (Vertical Bars Variation)
Transition: 11 (Horizontal Bars Variation)
Transition: 12 (Pixel Fade)
Transition: 13 (Horizontal Scroll from Both Sides to Center)
Transition: 14 (Horizontal Scroll from Center to Both Sides)
Transition: 15 (Vertical Scroll from Top and Bottom to Center)
Transition: 16 (Vertical Scroll from Center to Top and Bottom)
Transition: 17 (Diagonal from Top-Right to Bottom-Left)
Transition: 18 (Diagonal from Bottom-Right to Top-Left)
Transition: 19 (Diagonal from Top-Left to Bottom-Right)
Transition: 20 (Diagonal from Bottom-Left to Top-Right)
Transition: 21 (Horizontal Bars- Fade)
Transition: 22 (Vertical Bars- Fade)
Transition: 23 (Random- Reload Page for New Random Transition)