このページのトップへ
Image and Text Animation

Image and Text Animation

Use wix-animations API to animate images and text.

中級.png

中級

15K

出版された:

March 9, 2020

酒を楽しむ少女

によって

アンカー 1
開発者を雇う

説明例

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

コード例

タブ1

.

タブ2

.

タブ3

.

このコードによる解決は複雑になる可能性がある。

どのように構築したか

​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.      

使用したAPI

コード以外の例。

関連記事

記事リンク

開発者を雇う

Veloソリューションは強力なツールですが、自力で構築するのは困難です。経験豊富なVelo開発会社に構築をお任せください。

関連例

これは役に立ったか?

はい

|

いいえ

ご意見ありがとう!

Hide and Show an Image

Hide and Show an Image

Show and hide an image according to the clicked button.

中級.png

初心者

アニメーション・ヘルパー

アニメーション・ヘルパー

animation-helpers Veloパッケージを使って、人気のアニメーションをサイトに追加する。

中級.png

初心者

Zoom-In Effect

Zoom-In Effect

Add a hover animation to repeater items

中級.png

初心者

Preloader for File Upload

Preloader for File Upload

Display a preloader while a file is uploading

中級.png

初心者

アンカー2
ページ下