以前 こんな感じにマーカーをひきたい 時の方法をご紹介しましたが…
▶▶ HTMLで蛍光マーカーみたいに。 - CSS HTML 初心者 勉強中。
今回ご紹介するのは、このタイプ。
原型はこちら。
<span style="background: linear-gradient(transparent 太さ%, #色指定 0%);"> ここに文字 </span>
カラーチャートはコチラ。
太さや色を好みで変えて使います。
黄緑
#ccff66
<span style="background: linear-gradient(transparent 60%, #ccff66 0%);"> ここに文字 </span>
黄色
#ffff33
<span style="background: linear-gradient(transparent 60%, #ffff33 0%);"> ここに文字 </span>
水色
#66FFFF
<span style="background: linear-gradient(transparent 60%, #66FFFF 0%);"> ここに文字 </span>
ピンク
#ff99ff
<span style="background: linear-gradient(transparent 60%, #ff99ff 0%);"> ここに文字 </span>
ふとめ黄緑
#ccff66
<span style="background: linear-gradient(transparent 40%, #ccff66 0%);"> ここに文字 </span>
ほそめ黄緑
#ccff66
<span style="background: linear-gradient(transparent 75%, #ccff66 0%);"> ここに文字 </span>
それでは今回はこのへんで。(*'▽')/
