ホバーアニメーション -セクション
テキストや画像などで制作されたセクションにマウスを重ねるとアニメーションします。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号：DEMO1-
DEMOサイト(https://demo1.uni-01.com/)では、実際にNET上で機能をご紹介していますので、ご確認の上、ホームページ制作お申込みの参考にしてください。
ご紹介しているDEMOページは取り扱い機能のごく一部です。
ユニゼロワンではあらゆるご要望に対応できるように開発を続けていますので、DEMOページに無い機能でもご遠慮なくお問合せください。
気になるタイトルをクリックして、各機能のDEMOページへお進みください。
機能紹介記事は、お客様からのお問合せやご要望に応じて不定期に追加されます。
テキストや画像などで制作されたセクションにマウスを重ねるとアニメーションします。
水滴イメージの特殊な機能です。
Experience with Cutting-Edge Advanced Mouse Cursors Experience with Cutting-Edge Advanced Mouse Cursors Unlock
マウスを重ねるとBOXがスライドアップします。
「閉じるボタン」を付すことで、1回だけの表示ができます。
警告メッセージなどにも応用できます。
写真や動画などのメディアをグリッドでカタログ表示します。
シンプルなホバーエフェクトをメニューに応用しました。
世界時計の表示例です。
価格表示に適したカードです。
価格カードの機能制作例です。
価格以外の表示をして、各データカードとしての利用にもご利用いただけます。
Discover SpaAura Facial Rejuvenation Tissue Massage $120 Relieve muscle tension with our specialized deep tiss
光るアニメーションのボタンです。
動画のリストを作成し、ページ内での動画再生ができます。
動画再生の基本です。
YouTube動画にも対応しています。
YouTubeの動画を始め、様々な動画を背景にしたページをデザインできます。
様々なチャートのご紹介です。
テキストを吹き出し枠にして、設定したアバターと共に表示します。
アバターやテキスト枠のアニメーション等、多くの設定項目があります。
営業日の案内表示です。
現在時間や「営業時間外」「営業時間中」などの自動表示に対応します。
弁護士事務所デザイン例
アイテムを３D表示します。商品などの表示などに適しています。
多くの枚数の写真から制作します。ご希望の方は「お問合せ」ください。
Booked.jpが提供する機能と連携して、最新の天気表示をします。
実験的なアニメーション背景です。
【Trunk編】
ページ保護の解除条件として設定した任意の値で判定され、ページを保護します。
年齢確認などにも使用されます。
PC:マウススクロール
スマートフォン：時間経過で変化します。
お店の雰囲気の変化をお楽しみください。
例）Heroセクション -建築
写真を虫眼鏡で拡大表示します。大きなサイズの写真を用意してください。
サンプルでは、2560x1920pxのサイズの写真を使用しています。
探偵業務のイメージです。
テキストにネオン効果を適用しています。
テキストがネオン装飾され点滅します
暗号通貨のレートを表示します。
あらゆる暗号通貨に対応します。
サンプルでは、「対JPY」で３つの暗号通貨を設定しています。
暗号通貨のレートの表を表示します。
多くの暗号通貨に対応します。
画像にマウスをホバーする（重ねる）と、カードがアニメーション効果で表示されます。
【鳥編】
マウスの動きに反応するアニメーション背景です。
【雲上編】
マウスの動きに反応するアニメーション背景です。
なまらかな動きのある特殊なアニメーションです。
【霧編】
アニメーション背景です。
【Globe編】
マウスの動きに反応するアニメーション背景です。
【Net編】
マウスの動きに反応するアニメーション背景です。
【Ring編】
マウスの動きに反応するアニメーション背景です。
【Sell編】
アニメーション背景です。
【Wave編】
マウスの動きに反応するアニメーション背景です。
丸型の画像を素材にした8種類のアニメーションです。
画像の静止カタログ表示例です。
スライド表示とは異なります。
異なるサイズの写真を自動的に並び替えてカタログ表示します。
写真など画像に対して、設定によりマウスホバー時のアニメーション効果を適用できます。
長文に適したI目次機能です。
紙吹雪効果です。
様々な効果音を出すこともできます。
Fadel効果のスライダーです。
大きな画像を自動スクロールします。
マウスを画像に重ねた状態と、外した状態をご確認ください。
水平スクロールなどにも設定できます。
縦スライダーをデジタルサイネージ（電子看板）風の設定にしてみました。