応用例

アイテム（子猫）をクリックすると、設定した音（鳴き声）が鳴ります。

紙吹雪効果です。
様々な効果音を出すこともできます。

アイコンを円形に配置したデザインです。
メニューなどに応用できます。
*ページに記載のあるボタンは、DEMOのため制作しておりません。

タグ クラウドです。代表的なデザインを３つご紹介します。

マウスを重ねることにより文字列を15種類のアニメーションで装飾します。

マウスをホバーするとボックスの内容がアニメーションします。

マウスをホバーするとボックスの内容がアニメーションします。

マウスをホバー又はクリックするとボックスの内容が変化します。

マウスのカーソルを、任意の画像やアイコン、文字などに変更することができます。

背景にグラディエーション色を設定して変化（アニメーション）させています。

マウスをホバー（重ねる）した時の21種類のアニメーションをご確認ください。

文字列を装飾します。
初回表示時のみアニメーションします。

クリックすると、設定した任意の効果音が再生されます。
マウスホーバーで再生する設定も対応しています。

表示やスクロールなどの開始時１回のみに適用されるアニメーションです。

世界中　さまざまなバーコードを生成できます。

文字、アイコン、画像などをスィッチにして、表示を入れ替えます。

営業日の案内表示です。
現在時間や「営業時間外」「営業時間中」などの自動表示に対応します。

3Dで流れるようなスライドです

大きな画像を自動スクロールします。
マウスを画像に重ねた状態と、外した状態をご確認ください。
水平スクロールなどにも設定できます。

マウスを重ねる（ホバー）すると、画像表示が拡張され、クリックすると表示が変わります。

Q＆Aページ等によく利用されます

世界時計の表示例です。

スタッフなどMemberの紹介などによく利用されるカードです。

Parallax効果(視差効果）と呼ばれる機能です。
画面上でマウスを動かしてみてください。（スクロールではありません）
マウスの動きに合わせて動く何枚かの画像を重ねて表示しています。
アイデア次第で様々な表現が可能です。

テキストや画像などで制作されたセクションにマウスを重ねるとアニメーションします。

ビフォー・アフターの比較写真機能です。

画面の端にアイコンで表示されるメニューです。

上下方向に分割されたビデオ上にマウスを重ねる（ホバー）ことにより、ビデオ表示が変化します。
*ボタンはサンプルにつき機能しません。

二者択一を明確にしたボタンです。
２つのボタンを一体化して制作しています。
＊DEMOにつき、ボタンは機能しません。