テキストの色が濃くなる

• 301 INC.https://301.jp/

ホバーによって文字色が濃くなる、あるいは不透明度が上がる動きは、シンプルに「選択中」であることを伝えます。通常時をあえて少しグレー（薄い色）にしておき、ホバーで黒（はっきりした色）にすることで、コントラスト比を高め、可読性を向上させる機能的な側面もあります。colorまたはopacityのトランジションで実装します。変化が急激すぎるとチカチカするため、0.2秒〜0.3秒程度のアニメーション時間を設けるのが、目に優しいUIの基本です。