ハイライト防止

リンク箇所のハイライト防止のため、リンク：ホバー時のCSS設定を変更しました。

文字に「text-shadow」を設定することで、リンク文字にマウスを当てた時に影をつけて、
ハイライト時でも可読性をあげることができます。

記述例

illustratorやPhotoshopのドロップシャドウの設定とほぼ同じ設定の仕方になります。

今回、ドロップシャドウを適用した理由としては、背景画像を追加した結果が全ページのリンクでハイライト発生。
となってしまい、全ページのテキスト文字を確認してドロップシャドウをつけよう。と判断しました。

皆様も、デザインやWebコーディングの際にハイライト起こしていないか。を確認していきましょうー。