ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
カーソルを乗せたときに、画像が液体のように変形・波打つアニメーションを再生する機能です。
機能応用例
✨ 主な特徴
- 液体風のホバーアニメーションを自動生成 特殊な CSS / SVG エフェクトを使ったユニークな動き。
- 画像を1枚設定するだけでOK 難しい設定なしでアニメーションが適用される。
- ホバー時の変形の強さを調整可能 ゆるやか・激しめなど好みに合わせて調整できる。
- リンク設定も可能 画像をクリックして別ページへ誘導できる。
- スタイル調整が豊富 角丸、影、境界線なども自由に設定。
🛠️ 使い方
- Elementor で Liquid Hover Image をドラッグ
- 画像を選択
- ホバーアニメーションの強さや速度を調整
- 必要に応じてリンクやスタイルを設定
