ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
画像の上にテキストやボタンを配置し、マウスホバー時にアニメーション付きで情報が表示される機能です。
機能応用例
✨ 主な特徴
- ホバー時に情報を表示するカード型デザイン
- タイトル・説明文・ボタンを自由に配置
- 複数のホバーアニメーションを搭載 （フェード、スライド、ズームなど）
- 背景オーバーレイの色や透明度を調整可能
- 画像の角丸・影・境界線も設定できる
- リンク設定も可能（ボタン or 全体）
🛠️ 使い方（ざっくり）
- Elementor で Image Hover Box をドラッグ
- 画像を設定
- タイトル・説明文・ボタンを入力
- ホバーアニメーションを選択
- オーバーレイの色や透明度を調整
- スタイルタブでフォントや余白を整える