🚀 新規事業
hover-state-clear
最終更新 2026年05月08日 / 40_新規事業/SCALE_Build/カタログ/UIUX集/hover-state-clear.md
ホバー状態を明確に
原則
クリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
Do(良い例)
a { transition: color .2s; } a:hover { color: var(--accent); }
Don't(悪い例)
リンクなのにホバーで何も変わらない
クリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
a { transition: color .2s; } a:hover { color: var(--accent); }
リンクなのにホバーで何も変わらない