Categories
HTML+CSS

CSS で蛍光ペンのようなマーカー

文章で一部分を強調させたい場合、テキストを赤くするデザインや太字にするデザインをよく見かけますが、それ以外に蛍光ペンで塗られたようなデザインを見ることがあります。例えば「こんなの」です。

この CSS は以下の通り。

.markerPink{ background:linear-gradient( transparent 60%, #f9f 60% ); }

60% の値を小さくすると太くなり、大きくすると細くなります。

上記の元ネタはこちら

[mokurenCB]