Animation
Fade Animation
Fade Up

Fade Down

Fade Right

Fade Left

Fade Up Right

Fade Up Left

Fade Down Right

Fade Down Left

Flip Animation
Flip Left

Flip Right

Flip Up

Flip Down

Zoom Animation
Zoom In

Zoom In Up

Zoom In Down

Zoom In Right

Zoom In Left

Zoom Out

Zoom Out Up

Zoom Out Down

Zoom Out Right

Zoom Out Left

Animation Examples
Duration

Easing="linear"

Offset

Offset

Easing="ease-in-back"

Easing="ease-out-cubic"
