ホバーエフェクト
Hover Effect
別名: マウスオーバー効果
ライブデモ
説明
一言で説明
マウスカーソルが要素の上に乗ったときに、色や形、サイズなどが変化する視覚的反応。
いつ使う？
ボタンやリンクなど、その要素が「クリック可能である」ことを直感的に伝えるため。
💡 日常の言い方
「マウスを乗せたときに色が変わったり少し浮いたりする反応」
似ている用語との違い
ホバーエフェクト vs プレスエフェクト
ホバーは『乗せたとき』、プレスは『クリック（押し下げた）したとき』の反応。スマホではホバーは存在しない。
AIへの指示例
ボタンのホバーエフェクトを実装して。背景を少し明るくして、影を強く（エレベーションを上げる）して、全体を3%だけ拡大させて。