Introduction
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()
, andreplay()
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:
javascript | Copy Codeimport wixAnimationsFrontend from 'wix-animations-frontend';
Was this helpful?