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 list 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.

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

import wixAnimations from 'wix-animations';
javascript | Copy Code

Was this helpful?