[CSS]サイトのデザインに合わせて、visitedを色の変更以外で分かりやすくする方法

visitedのデザインを色の変更以外で分かりやすくするスタイルシートを9 Lessonsから紹介します。

デモのキャプチャ

Visited links strike out with CSS
demo

visitedに「text-decoration:line-through;」と「opacity」を指定しているのですが、「line-through」は「打ち消し線」もしくは「取り消し線」なので使用にはご注意ください。
当サイトのようにリンクに下線がある場合も、却って邪魔になるかもしれません。

使用するシーンは限定されますが、下記のサイトのようなデザインだとvisitedの打ち消し線と不透明度も違和感がないです。

サイトのキャプチャ

oursignal.com

sponsors

top of page

©2024 coliss