CodePen Embed - 蛍光マーカーのような下線

<div><p class="under-maker">テキストに蛍光マーカーのような下線</p>
</div>
<div>
 <p class="under-maker-80">テキストに蛍光マーカーのような下線</p>
</div>

p{display:inline;}
/* 蛍光マーカーのような下線 */
.under-maker {
  background: linear-gradient(transparent 65%, #9ee1ff 65%);
}
.under-maker-80 {
  background: linear-gradient(transparent 80%, #9ee1ff 80%);
}

This Pen is owned by emi. on CodePen.

See more by @works_emi on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.