Используйте API wix-animations для анимации изображений и текста. В этом примере показано, как использовать API анимации временной шкалы для анимации изображений и текстовых компонентов при наведении на них курсора.
Как создать аналогичный код
1. Мы добавили на страницу 4 элемента редактора: три изображения и текстовый элемент.
2. Мы определили область наведения на странице.
3. Мы определили обработчик события onMouseIn в области наведения, который использует временную шкалу. API анимации для анимации движения трех изображений и текстового компонента.
4. Мы определили обработчик события onMouseOut в области наведения, который использует временную шкалу. API анимации для анимации сброса компонентов в исходное положение.
КОД НА СТРАНИЦУ
Comments