特殊背景 -Net
【Net編】
マウスの動きに反応するアニメーション背景です。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号：DEMO1-
DEMOサイト(https://demo1.uni-01.com/)では、実際にNET上で機能をご紹介していますので、ご確認の上、ホームページ制作お申込みの参考にしてください。
ご紹介しているDEMOページは取り扱い機能のごく一部です。
ユニゼロワンではあらゆるご要望に対応できるように開発を続けていますので、DEMOページに無い機能でもご遠慮なくお問合せください。
気になるタイトルをクリックして、各機能のDEMOページへお進みください。
機能紹介記事は、お客様からのお問合せやご要望に応じて不定期に追加されます。
【Net編】
マウスの動きに反応するアニメーション背景です。
【Ring編】
マウスの動きに反応するアニメーション背景です。
【Sell編】
アニメーション背景です。
【Wave編】
マウスの動きに反応するアニメーション背景です。
丸型の画像を素材にした8種類のアニメーションです。
画像の静止カタログ表示例です。
スライド表示とは異なります。
異なるサイズの写真を自動的に並び替えてカタログ表示します。
写真など画像に対して、設定によりマウスホバー時のアニメーション効果を適用できます。
長文に適したI目次機能です。
紙吹雪効果です。
様々な効果音を出すこともできます。
Fadel効果のスライダーです。
大きな画像を自動スクロールします。
マウスを画像に重ねた状態と、外した状態をご確認ください。
水平スクロールなどにも設定できます。
縦スライダーをデジタルサイネージ（電子看板）風の設定にしてみました。
和風のページ制作に欠かせない、縦書きに適したフォントです。
フルレスポンシブデザインでも、Data Table（表）のデザインには注意が必要です。
画像とは異なり、プログラム制作によりスマートフォンなど画面の大きさに応じて表示が自動調整されます。
ユニゼロワンのスライダーには非常に多くの種類があり、設定によってさらに様々な機能を発揮します。
セクションの背景にランダムスライダーを設定しております。
画像のフェード効果を背景に設定しています。
画像をフェード効果で背景に設定しています。
【Slide Left】
画像のスライドを背景に設定しています。
【Slide Right】
画像のスライド効果を背景に設定しています。
【Slide Up】
画像のスライドを背景に設定しています。
●ヘッダーの画像やテキストが、本文コンテンツの色に合わせて反転します。
●ヘッダーは半透明にしており、すりガラス効果により重なった本文をぼかします。
*ヘッダー領域が分かりやすいように、下枠線を設定しています。
背景にグラディエーション色を設定して変化（アニメーション）させています。
腕時計をテーマにした、デザイン応用例です。
機能付きの表DEMOです。
スマートフォンでの表示や、並び替え機能などがあります。
時間 月 火 水 木 金 土 日 9:00 ~ 13:00 ◯ ◯ ◯ ◯ ◯ ◯ ◯ 14:00 ~ 18:30 ◯ ◯ ◯ ◯ ◯ ◯ ◯ 時間 月 火 水 木 金 土 日 9:00 ~ 13:00 ○ ○ ○ ○
データを表示するのに適した基本的な表です。
商品などデータを比較表示するのに適した表です。
計算機能を持ったフォームです。
計算フォームとは、高度な計算式を組み込みことができるフォームです。
Newsなどの投稿記事をティッカー表示します。
満足度や進捗などをチャートで表示します。
進捗状況の表示に適したBAR表示です。
Tokyo, Japan Dubai, UAE Shanghai, China
別セクションに設定した項目により、表示を切り替えます。
目次機能やページスクロールを合わせて約３万８千字におよぶテキスト表示をしてみました。
表示やスクロールなどの開始時１回のみに適用されるアニメーションです。
画像背景に、雲のアニメーション機能を設定しています。