HTMLだけで引けるマーカー

HTML

 

全部にピンクのマーカー

<span style="background: linear-gradient(transparent 0%, #ff99cc 0%);">全部にピンクのマーカー</span>

 

上半分薄くなったピンクのマーカー

<span style="background: linear-gradient(transparent 0%, #ff99cc );">上半分薄くなったピンクのマーカー</span>

文字半分にピンクのマーカー
文字

<span style="background: linear-gradient(transparent 50%, #ff99cc 50%);">文字半分にピンクのマーカー</span>

文字の下にピンクのマーカー

<span style="background: linear-gradient(transparent 80%, #ff99cc 80%);">文字の下にピンクのマーカー</span>

 

赤のマーカー

<span style="background: linear-gradient(transparent 80%, #ff9999 80%);">赤のマーカー</span>

 

紫のマーカー

<span style="background: linear-gradient(transparent 80%, #cc99ff 80%);">紫のマーカー </span>

 

水色のマーカー

<span style="background: linear-gradient(transparent 80%, #99ffff 80%);">水色のマーカー </span>

 

黄色のマーカー

<span style="background: linear-gradient(transparent 80%, #ffff99 80%);">黄色のマーカー </span>

 

オレンジのマーカー

<span style="background: linear-gradient(transparent 80%, #ffcc99 80%);">オレンジのマーカー </span>

 

緑のマーカー

<span style="background: linear-gradient(transparent 80%, #99ff99 80%);">緑のマーカー </span>

 

茶のマーカー

<span style="background: linear-gradient(transparent 80%, #cc9966 80%);">茶のマーカー </span>

コメント

タイトルとURLをコピーしました