【CSS】テキストに蛍光ペン（マーカー）で引いたような下線の作り方

「マーカーを使ってテキストに下線を引いたような実装をしたいな」

今回は蛍光ペンを使ったような下線の実装方法をご紹介していきます。

実装方法

See the Pen Untitled by masata (@masata_lm) on CodePen.

解説

backgroundをlinear-gradientで指定しているので、背景色の割合を変えることでこのような実装が可能になっています。