以前に投稿した内容にちょっと追記して、アニメーションをつけてることで、さらにマーカーで線を引いたように見せるやり方を記述します。

ベースとなる記述は、前回同様に、

として、これについてCSSでの例を挙げていきたいと思います。

---

---

この見せ方にマウスオーバーで、マーカーを引くようにアニメーションをつけてみますが、記述が少し変わるので、ご注意ください。

または、

---

前回の記述では、縦にグラデーションをかけることで、蛍光マーカー風にしていますが、アニメーションをつける際には、少し変わ利、背景にグラデーション指定をしていますが、横に指定します。
そして、サイズを幅2倍にして、横にスライドさせるイメージになります。
下記に、そのイメージを示してみます。(transparentの部分は、斜線にして表しています)

マーカーの高さは、{background-size}で調整して、マーカーのようにできます。
ただし、この動作は、ホバーではスマホでは効果がありませんので、Javascriptでスクロールして表示されたら、マーカーをつけるみたいな動作が良いと思われます。