【CSS】文字にマーカー風のラインを引く

CSSで文字にマーカー風のラインを引く方法を紹介します。

ブログ等の文章内の強調したい箇所に使用すると、アクセントになると思います。

サンプル

マーカーのサンプルです。

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

色を変更する場合は、#fff6b8の部分を調整してください。

マーカーの太さを調整する場合は、%部分の値を調整してください。