ユニゼロワン機能DEMOサイト Advanced Hover Card
DEMOに」ある機能は、ご希望に応じて様々にカスタマイズできます。
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
Advanced Hover Cardは、ホバー時に“情報が浮き上がる”リッチなカードUIを作れる機能です。
画像・タイトル・説明文・ボタンなどを組み合わせ、マウスオーバーで視覚的に変化するカードを簡単に作成できます。
機能応用例
✦ 主な特徴
- ホバー時に内容が展開（テキスト表示・背景変化・オーバーレイなど）
- 画像＋タイトル＋説明＋CTAボタンの複合カード構成
- グラデーション・ズーム・フェードなど多彩なホバーアニメーション
- カード全体をリンク化してクリック誘導も可能
- グリッド・リスト・カルーセルなど柔軟なレイアウトに対応
✦ よく使われる場面
- サービス・機能紹介カード
- ブログ一覧の視覚的なカードレイアウト
- 商品一覧（ホバーで説明や価格を表示）
- ポートフォリオの作品紹介カード
- LPのセクションで動きのある情報ブロックを作りたいとき
