Example Description
In this example, we demonstrate how to create a simple animation.
How We Built It
Page Elements
On the HOME page, we added 3 circular containers, each containing a text element.
Page Code
On the HOME page, we added code to import the `timeline()` function from the wix-animations API. We use the function to create an animation that moves and scales two elements on the page. Then we create 2 event handlers to play the animation forwards and in reverse in response to the site visitor’s mouse movements.
Related Examples
Did this help?
|
Thanks for your feedback!

Add to Cart Gallery
Let customers to add products to their cart

INTERMEDIATE

Hide and Show Elements
Hide and show elements in response to user interactions

BEGGINER

Hide and Show Elements
Hide and show elements in response to user interactions

BEGGINER