応用例

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

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

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

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

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

ボタンにマウスを重ねる（ホバー）すると、設定したテキストや画像、機能などを表示します。

暗号通貨のレートの表を表示します。
多くの暗号通貨に対応します。

暗号通貨のレートを表示します。
あらゆる暗号通貨に対応します。
サンプルでは、「対JPY」で３つの暗号通貨を設定しています。

各種チャートを表示します。
作成済画像の貼り付けではなく、入力した値に応じてグラフが表示される機能です。

音楽Playerです。
音源として、任意のネットラジオステーションを設定することもできます、

プロジェクトの進捗状況を視覚的に表現できます。
初回表示時のみアニメーションします。

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

テキストの3Dアニメーション装飾です。
文字に奥行きを与え、マウスの動きに追従してた動きになります。

画像にマウスをホバーする（重ねる）と、カードがアニメーション効果で表示されます。

アイテムを３D表示します。商品などの表示などに適しています。
多くの枚数の写真から制作します。ご希望の方は「お問合せ」ください。

写真を虫眼鏡で拡大表示します。大きなサイズの写真を用意してください。
サンプルでは、2560x1920pxのサイズの写真を使用しています。

ユーザーに対して使用を明示する機「Cookie Consent」です。
特にEU圏内においては必須事項となっています。

クリックすると円形状に展開するメニューです

アイテムを３D表示します。商品紹介などの表示などに適しています。
多くの枚数の写真から制作します。
写真はご自分でスマートフォンなどでも撮影可能ですが、撮影代行する専門業者も存在します。
WEB機能で写真を組み合わせることにより３６０°表示が可能となりますが、マウスでの操作や自動再生にも対応しています。

テキストの開始アニメーションです。
ページが表示されるとき、1回だけ動きます。

マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。

マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。

マウスをホバーさせることにより、BOX化された表示が変化します。
*DEMOではボタンは機能はしませんが、メニューとしての応用も可能です。

セクション区切りとは異なり、セクション境界以外の、文章の中など任意の場所に設定できます。

Newsなどの投稿記事をティッカー表示します。