Анимация изображений и текста с помощью кода

Используйте API wix-animations для анимации изображений и текста. В этом примере показано, как использовать API анимации временной шкалы для анимации изображений и текстовых компонентов при наведении на них курсора.



Как создать аналогичный код


1. Мы добавили на страницу 4 элемента редактора: три изображения и текстовый элемент.

2. Мы определили область наведения на странице.

3. Мы определили обработчик события onMouseIn в области наведения, который использует временную шкалу. API анимации для анимации движения трех изображений и текстового компонента.

4. Мы определили обработчик события onMouseOut в области наведения, который использует временную шкалу. API анимации для анимации сброса компонентов в исходное положение.

КОД НА СТРАНИЦУ