Animate WP Logo

Official Docs

easeIn
easeInOut
easeOut

Ease Visualizer

Eases are responsible for translating linear time. With easing you can modify the change of rate, to give your animations a special look.
There are various different easing types available. See the difference between the various easing variants below.

Power0 (Linear)

Linear

Power1

easeIn
easeInOut
easeOut

Power2

easeIn
easeInOut
easeOut

Power3

easeIn
easeInOut
easeOut

Power4

easeIn
easeInOut
easeOut

Back

easeIn
easeInOut
easeOut

Elastic

easeIn
easeInOut
easeOut

Bounce

easeIn
easeInOut
easeOut

Circ

easeIn
easeInOut
easeOut

Sine

easeIn
easeInOut
easeOut

Expo

easeIn
easeInOut
easeOut