CSSで作る蛍光ペン風のマーカー

ただの太文字じゃ味気ない。多くのサイトで使われている蛍光ペン風のマーカーで強調させてみましょう！

マーカー

Source Code

右上の「コピー」からご利用ください。

コピー

<span class="my-parts">マーカー</span>

コピー

.my-parts {
  font-size: 16px;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffff66 0);
}

HTMLとCSSをコピペで貼り付ければ実装できるコードをストックしているところです。「このデザインってどうやって実装するんだっけなぁ。。。」と調べる無駄な時間や自分で1からコーディングする時間を短縮することが目的です。

コーディングなんて所詮はデザインにそってHTMLやCSSを当てはめていくだけの単純作業です。当サービス「Webパーツ屋」をご活用いただきスピーディなコーディングを行なっていきましょう！