Hover Box3(スポーツ)

マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。
3D(360°)アイテム(商品)表示

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

PC:マウススクロール
スマートフォン:時間経過で変化します。
お店の雰囲気の変化をお楽しみください。
スライダー -動画カタログ 1

画像及び動画を混在して、スライド(カルーセル)表示します。
選択した画像あるいは動画は、ポップアップ表示されます。
テキストアニメーション3

21種類の文字列をアニメーションで装飾します。
縦AUTOスクロール

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

機能の応用例です。
組み合わせることで、様々なデザインを制作できます。
Zoom -連携

Zoomとは、Zoomビデオコミュニケーションズが提供するオンライン会議サービスです。
特殊アニメーション(コカ・コーラ)

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

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

テキストを、40種類のアニメーション効果です。
特殊背景 -Dots

なまらかな動きのある特殊なアニメーションです。
イメージアコーディオン(モデル横型)

クリックやマウスホバーに対応して、イメージ(画像)が拡大表示されます。
コンテンツマスク機能

この機能ではコンテンツやセクションをマスクして一部だけを表示し、クリックすると残りの100%(全体)を表示します。
Hover Video Box2

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

ボックスの内容がマウスのホバー操作で変化します。
Parallax効果

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

進捗状況の表示に適したBAR表示です。
背景スライダーーFade

画像のフェード効果を背景に設定しています。
テキスト スクロール

WEBページのタイトルを電子版表示する「TICKER」とよく似ていますが、この機能では、文字をスクロールして表示します。
また、文字以外のスクロールも可能です。
背景スライダーーSlide Up

【Slide Up】
画像のスライドを背景に設定しています。
ビフォーアフター2

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

計算フォームとは、高度な計算式を組み込みことができるフォームです。
背景スライダーーSlide Right

【Slide Right】
画像のスライド効果を背景に設定しています。
背景スライダーーSlide Left

【Slide Left】
画像のスライドを背景に設定しています。