Enfold.js Example

Trigger CSS3 Animations As Elements Are Revealed

by Mart Anthony Salazar

Section 1

Fade Right

Section 1

Fade In

Section 1

Fade Left

Section 2

Slide Right

Section 2

Slide Up

Section 2

Slide Down

Section 2

Slide Left

Section 3

Zoom In Right

Section 3

Zoom In

Section 3

Zoom In Left

Section 4

Rotate Center

Section 4

Rotate Diagonal

Section 4

Rotate Bottom Left

Section 4

Rotate Vertical

Section 5

Flip Horizontal Bottom

Section 5

Flip Scale Up Horizontal

Section 5

Slide Rotate Horizontal Top

Section 5

Slide Rotate Horizontal Bottom

Section 6

Shadow Drop Center

Section 6

Shadow Drop Top Bottom

Section 6

Shadow Drop Left Right

Section 6

Shadow Drop 2 Center