【CSS】蛍光ペン・マーカーで引いたようなテキスト装飾

蛍光ペン・マーカーで引いたようなテキスト装飾をCSSで表現してみます。

◆HTML

マーカーで引いたようなテキスト装飾です。<br />

<span class="marker">ここからマーカーで引いてみます。</span>

◆CSS

.marker {
background: linear-gradient(transparent 60%, #66FFCC 40%);
}

「#66FFCC」の部分を変えれば、好きな色で線を引くことができます。

⇒サンプルページはこちら