ホバー状態を明確に
:LiTarget: 原則
クリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
:LiCheckCircle: Do(良い例)
a { transition: color .2s; } a:hover { color: var(—accent); }
:LiXCircle: Don’t(悪い例)
リンクなのにホバーで何も変わらない
クリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
a { transition: color .2s; } a:hover { color: var(--accent); }
リンクなのにホバーで何も変わらない
クリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
a { transition: color .2s; } a:hover { color: var(—accent); }
リンクなのにホバーで何も変わらない