スライダー -動画カタログ 1

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

店舗

PC:マウススクロール
スマートフォン:時間経過で変化します。
お店の雰囲気の変化をお楽しみください。

Hover Box3(スポーツ)

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

3D(360°)アイテム(商品)表示

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

Zoom -連携

Zoomとは、Zoomビデオコミュニケーションズが提供するオンライン会議サービスです。

縦AUTOスクロール

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

Googel Fonts(Icons①)

日本語GoogleフォントからICONを表示しております。
全(①ー⑥)ページの記事です。
サンプルは画像処理されています。

Googel Fonts(Icons②)

日本語GoogleフォントからICONを表示しております。
全(①ー⑥)ページの記事です。
サンプルは画像処理されています。

背景で反転+すりガラス効果

●ヘッダーの画像やテキストが、本文コンテンツの色に合わせて反転します。
●ヘッダーは半透明にしており、すりガラス効果により重なった本文をぼかします。
*ヘッダー領域が分かりやすいように、下枠線を設定しています。

コンテンツマスク機能

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

Googel Fonts(Englishi①)

英語Googleフォントを表示しております。
全(①ー⑧)ページの記事です。
サンプルは画像処理されています。

Hover Video Box2

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

ボタン

72種類のボタンのアニメーションをご紹介しています。