タグ

ブックマーク / itbenricho.com (1)

  • 蛍光ペン風にテキスト上をマーカーするCSSを設定してみた

    WordPressのテーマによっては最初から蛍光ペン風のマーカーが付いていることがあります。 その場合は設定する必要はありません。 設定されていない方向けに書いています。 蛍光ペンマーカーを設定(CSS) まずはCSSの設定からスタート。 蛍光ペンマーカーのCSSは「linear-gradient()属性」を使います。 linear-gradient(transparent 線の太さ, 線の色 0%) このlinear-gradient属性、グラデーションを使って設定します。 ()内の線の太さと線の色を好みの色と太さに変更するだけでOK。 線の太さと線の色の意味は下の通りになります。 線の太さ 黄色の蛍光ペン(太) .marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); } 黄色の蛍光ペン

    蛍光ペン風にテキスト上をマーカーするCSSを設定してみた
    natsukareala
    natsukareala 2020/09/29
    “.marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); }”
  • 1