text-decorationを使用した蛍光ペン風のマーカーの実装

[ ID : 11018 ]
text-decorationを使用した蛍光ペン風のマーカーの実装
実装目安
1分

概要

CSSの「text-decoration」を使用して、テキストに蛍光ペン風のマーカーを引く方法を紹介。

用途・要件

  • linear-gradientの代わりにtext-decorationを使用してに蛍光ペン風のマーカーを引く。
  • linear-gradientを使用する場合より直感的にマーカーの色、太さ、線の位置を調整する事が可能。
  • 改行にも対応。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新、※バージョン15.4~)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録