ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
画像やアイコン、タイトル、説明文を含む“表面”と、追加情報やボタンを含む“裏面”を持つカードを作り、マウスホバーでカードが回転して裏面が表示される機能です。
機能応用例
✨ 主な特徴
- カードが回転するアニメーション（Flip）を簡単に実装
- 表面と裏面を別々にデザイン可能
- 画像
- アイコン
- タイトル
- 説明文
- ボタン
- 回転方向を選べる
- 上下
- 左右
- 背景、影、角丸などのスタイル調整が豊富
- CTA（行動喚起）ボタンを裏面に配置できる
🛠️ 使い方
- Elementor で Flip Box をドラッグ
- Front（表面）に画像・タイトル・説明を設定
- Back（裏面）に詳細説明やボタンを設定
- 回転方向（Flip Direction）を選択
- スタイルタブで色・背景・影・角丸を調整