スライダー – トグルボタン
2つの選択肢をトグルボタンによって操作するスライダーです。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号:DEMO1-
DEMOサイト(https://demo1.uni-01.com/)では、実際にNET上で機能をご紹介していますので、ご確認の上、ホームページ制作お申込みの参考にしてください。
ご紹介しているDEMOページは取り扱い機能のごく一部です。
ユニゼロワンではあらゆるご要望に対応できるように開発を続けていますので、DEMOページに無い機能でもご遠慮なくお問合せください。
気になるタイトルをクリックして、各機能のDEMOページへお進みください。
機能紹介記事は、お客様からのお問合せやご要望に応じて不定期に追加されます。
2つの選択肢をトグルボタンによって操作するスライダーです。
【基本画像スライダー -縦】
縦方向のスライダーです。
スライド機能は、マウスを画像に重ねると一時停止します。
Responsive Device Instead of pre-defined screen widths, the Responsive Test lets you access your design on dif
Glass Morphism Effectとも呼ばれている技術です。
すりガラス効果のことです
マウスを重ねるとBOXにすりガラス効果が適用されます。
セクションのアニメーションです。
【タイトルに適した装飾です】
通常のテキスト装飾としても利用できます。
開始アニメーションなど他の機能との組み合わせにも対応しています。
アイコンや画像、テキストを組み合わせた年表を作成できます。
タグ クラウドです。代表的なデザインを3つご紹介します。
各種チャートを表示します。
作成済画像の貼り付けではなく、入力した値に応じてグラフが表示される機能です。
WEBページのタイトルを電子版表示する「TICKER」とよく似ていますが、この機能では、文字をスクロールして表示します。
また、文字以外のスクロールも可能です。
テキストのアニメーション表示です。
15種類のテキストのアニメーションです。
29種類の文字列をアニメーションで装飾します。
文字列をアニメーションで装飾します。
21種類の文字列をアニメーションで装飾します。
アニメーション機能の応用例です
マウスを重ねることにより文字列を15種類のアニメーションで装飾します。
30種類のさまざまな文字装飾です。(アニメーション効果はありません)
テキストを、40種類のアニメーション効果です。
Unleashing the Potential: Our Key Feature Streamlined Recruitment Employee Onboarding Performance Management P
文字列を装飾します。
初回表示時のみアニメーションします。
テキストの開始アニメーションです。
ページが表示されるとき、1回だけ動きます。
機能の応用例です。
組み合わせることで、様々なデザインを制作できます。
二者択一を明確にしたボタンです。
2つのボタンを一体化して制作しています。
*DEMOにつき、ボタンは機能しません。
アイテムを3D表示します。商品紹介などの表示などに適しています。
多くの枚数の写真から制作します。
写真はご自分でスマートフォンなどでも撮影可能ですが、撮影代行する専門業者も存在します。
WEB機能で写真を組み合わせることにより360°表示が可能となりますが、マウスでの操作や自動再生にも対応しています。
文字やボタンをネオン効果で装飾します。
世界中 さまざまなバーコードを生成できます。
15種類のアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。
リフォームやダイエットでのビフォー・アフターの比較でもよく使用される機能です。
Transformative Results See the Difference: Smile Enhancements things what we do Witness Before and After trans
ビフォー・アフターの比較写真機能です。
プライスメニュー(価格表)です。
合わせてページ下部に、区切りアニメーションを設定しています。
ご注意】この機能はタブのないスマートフォンなどでは機能しません。
従来ページのタイトルが表示されているブラウザで表示されるタブを、任意の文字列でアニメーションします。
マウスをホバー又はクリックするとボックスの内容が変化します。
フリップアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。
ページ内でのセクションでの縦スクロール機能です。
ページをスクロールしてみてください。
01 02 首里城 首里城は国王とその家族が居住する「王宮」であると同時に、王国統治の行政機関「首里王府」の本部でもあった。また、各地に配置された神女(しんじょ)たちを通じて、王国祭祀(さいし)を運営する宗教上のネットワ
Purchase Explore More Left Slide In Hover Buttons Purchase Explore More Centre Hover Animated CTA Buttons Read
Learn More Read More Underline Button Effect Download Follow Us Download & Follow Button Purchase Learn Mo
72種類のボタンのアニメーションをご紹介しています。
ボタンにマウスを重ねる(ホバー)すると、設定したテキストや画像、機能などを表示します。
ボタンの15種類のアニメーション効果です
マウスをホバー(重ねる)した時の46種類のアニメーションをご確認ください。
マウスをホバー(重ねる)した時の21種類のアニメーションをご確認ください。
24種類のボタンのホバーアニメーションです。
ボタンにマウスを重ねてみてください。
設定したポイントにマウスカーソルを重ねると、画像やテキストなどをポップアップ表示します。
イラストや写真画像を背景として、ホットスポットを設定します。
ホットスポットをクリックすると、設定したWEBページへ遷移したり、ツールチップウィンドウで内容を表示できます。
マウスをホバーするとボックスの内容がアニメーションします。
マウスをホバーするとボックスの内容がアニメーションします。