<div class="marker60">
  ここに<span>蛍光ペン風のマーカー</span>が入ります。 
</div><br>

<div class="marker80">
  ここに<span>細い蛍光ペン風のマーカー</span>が入ります。 
</div><br>

<div class="marker20">
  ここに<span>太い蛍光ペン風のマーカー</span>が入ります。 
</div>
.marker60 span{
  background: linear-gradient(transparent 60%, #ff99cc 0%);
}

/* 細い蛍光ペン風のマーカー */
.marker80 span{
  background: linear-gradient(transparent 80%, #ff99cc 0%);
}

/* 太い蛍光ペン風のマーカー */
.marker20 span{
  background: linear-gradient(transparent 20%, #ff99cc 0%);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.