要素にマウスカーソルが乗ったときに適用される擬似クラスです。ボタンやリンクのホバー効果などでよく使われます。
:hover { ... }
.btn:hover { background: #3b82f6; color: #fff; }
ボタンにホバーしたときの色変化
インタラクションを強調したい要素に使うと効果的。
タッチデバイスでは:activeや:focusも併用推奨。
全ブラウザ対応