ボタン
72種類のボタンのアニメーションをご紹介しています。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号：DEMO1-
DEMOサイト(https://demo1.uni-01.com/)では、実際にNET上で機能をご紹介していますので、ご確認の上、ホームページ制作お申込みの参考にしてください。
ご紹介しているDEMOページは取り扱い機能のごく一部です。
ユニゼロワンではあらゆるご要望に対応できるように開発を続けていますので、DEMOページに無い機能でもご遠慮なくお問合せください。
気になるタイトルをクリックして、各機能のDEMOページへお進みください。
機能紹介記事は、お客様からのお問合せやご要望に応じて不定期に追加されます。
72種類のボタンのアニメーションをご紹介しています。
ボタンにマウスを重ねる（ホバー）すると、設定したテキストや画像、機能などを表示します。
ボタンの15種類のアニメーション効果です
マウスをホバー（重ねる）した時の46種類のアニメーションをご確認ください。
マウスをホバー（重ねる）した時の21種類のアニメーションをご確認ください。
24種類のボタンのホバーアニメーションです。
ボタンにマウスを重ねてみてください。
設定したポイントにマウスカーソルを重ねると、画像やテキストなどをポップアップ表示します。
イラストや写真画像を背景として、ホットスポットを設定します。
ホットスポットをクリックすると、設定したWEBページへ遷移したり、ツールチップウィンドウで内容を表示できます。
マウスをホバーするとボックスの内容がアニメーションします。
マウスをホバーするとボックスの内容がアニメーションします。
テキストや画像などで制作されたセクションにマウスを重ねるとアニメーションします。
水滴イメージの特殊な機能です。
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」で３つの暗号通貨を設定しています。
暗号通貨のレートの表を表示します。
多くの暗号通貨に対応します。
物流のイメージです。
Parallax effectなどの技術を使用しています。
画像にマウスをホバーする（重ねる）と、カードがアニメーション効果で表示されます。
複数の機能の組み合わせデザイン例です。
【鳥編】
マウスの動きに反応するアニメーション背景です。
【雲上編】
マウスの動きに反応するアニメーション背景です。
なまらかな動きのある特殊なアニメーションです。
【霧編】
アニメーション背景です。
【Globe編】
マウスの動きに反応するアニメーション背景です。
【Halo編】
マウスの動きに反応するアニメーション背景です。