Ease settings

How the speed (velocity) changes during the animation. The animation can start with acceleration easeIn, slow

down at the end easeOut, both easeInOut. These values can be amplif ied more or less with the Power variable.

If you remove the ease value, the animation will automatically play at constant speed in linear.

The curve of this movement can be controlled: Power1, Power2, Power3, Power4, back, elastic, bounce,

circ and expo.

More information and testing: GreenSock | Docs | Eases

Most common/use example

Other example

ease=back.easeIn ease=back.easeOut ease=back.easeInOut

ease=elastic.easeIn ease=elastic.easeOut ease=elastic.easeInOut

ease=bounce.easeIn ease=bounce.easeOut ease=bounce.easeInOut

ease=circ.easeIn ease=circ.easeOut ease=circ.easeInOut

ease=expo.easeIn ease=expo.easeOut ease=expo.easeInOut

ease=Power1.easeIn

ease=linear (by default)

ease=Power1.easeOut ease=Power1.easeInOut

ease=Power2.easeIn ease=Power2.easeOut ease=Power2.easeInOut

ease=Power3.easeIn ease=Power3.easeOut ease=Power3.easeInOut

ease=Power4.easeIn ease=Power4.easeOut ease=Power4.easeInOut

Most of these variables can be more

precisely adjusted with values.

Example: ease=elastic.out(0.5, 0.2)

To find out more, click on this link