Animation sequences are composed using a timeline. A timeline defines what animations are played on which page elements and when those animations are played.

Typical Animation Process

The following outlines the typical process of creating and playing an animation timeline:

  • Create a new timeline using the timeline() function.
  • Add animation attributes and sequence them within the timeline using the add() function.
  • Control the playing of the timeline using the play(), reverse(), pause(), and replay() functions.

Get hands-on experience with Animations on our Hello Animations example page.

To use the Animations API, import wixAnimationsFrontend from the wix-animations-frontend module:

Was this helpful?