Animation

Animation

Added: January 2, 2020

Description

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

0

Performance: Animation has a rating of 1/5
Recommendation: Avoid animations where possible on homepage, especially in mobile view.

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

About:

Animations can always be added as the finishing touch, after all the content is placed on the site how you like it. 

Site Goal(s): General Use
Use Case(s):

Performance:


Supported Plan(s):


Functionality:


Availability:


Related Features: