CSS マーカー装飾 デモ

テキストにクラスを付与するだけで、様々なマーカーが引けます!

1. 一番定番のスタイル!テキストの半分を塗りつぶす蛍光ペン風のハーフマーカーです。

2. 細めでスッキリ見せたい時は、アンダーライン風のマーカーがおすすめです。

3. 少しポップにしたい時は、円形グラデーションで作るドット柄のマーカーも可愛いです!

4. マウスを乗せると左からスッと引かれるマーカーです。(ホバーしてみてね!)