Animation

Sometimes when a visitor arrives on the site, you would like your text to appear sequentially or for it to leave a certain first impression. Animations on the modules on the page can help achieve these effects.

Categories Available: Zoom, Bounce, Rotate, Flip, Fancy

Site Goal(s): General Use | Use Case(s): Page Content

Animation

Examples Fade Slide

Examples

Hover over the example cards below to see the icons react

Zoom In

Bounce In

Rotate In

Flip In X

Light Speed In

Swing

Fade In

Animation effect "Fade In" applied to the heading and text module below

fade in

Slide Right

Animation effect "Slide Right" applied to the heading and text module

slide right

Slide Left

Animation effect "Slide Left" applied to the heading and text module

slide left

Slide Up

Animation effect "Slide Up" applied to the heading and text module

slide up

Slide Down

Animation effect "Slide Down" applied to the heading and text module

slide down