Image and Text Animation

Use wix-animations API to animate images and text.

Code Level

Intermediate

Published

 

Example Description

This example demonstrates how to use the timeline animations API to animate images and text components when hovering over them.

Example Code

How We Built It

​1. We added 4 editor elements to the page: three images and a text element.

2. We defined a hover area on the page.

3. We defined an onMouseIn event handler on the hover area that uses the timeline   

    animations API to animate movement of the 3 images & text component.       

4. We defined an onMouseOut event handler on the hover area that uses the timeline 

    animations API to animate a reset of the components to the original position.      

APIs We Used

Related Articles

Related Examples

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

 

This website was designed with Corvid by Wix.