Animate WP Logo

Official Docs

Animation Types

to

Animates the element from the current values to the defined destination values.

Base element
Animated element

from

Creates an backwards animation. You define the beginning values. The current values of the element are used as the destination values. This is a good way to animate elements onto the page, because you can style your element the way you want to look it at the end of the animation and animate them in from elsewhere.

Base element
Animated element

fromTo

Allows you to specify both the starting values and the ending destination values.

Base element
Animated element

staggerTo

Functions the same way as the normal „to“ animation, but you can specify an additional stagger time parameter. This time is used to offset the animation of each element by the specified amount.

Base
Base
Base
Animated
Animated
Animated

staggerFrom

Functions the same way as the normal „from“ animation, but you can specify an additional stagger time parameter. This time is used to offset the animation of each element by the specified amount.

Base
Base
Base
Animated
Animated
Animated

staggerFromTo

Functions the same way as the normal „fromTo“ animation, but you can specify an additional stagger time parameter. This time is used to offset the animation of each element by the specified amount.

Base
Base
Base
Animated
Animated
Animated