CSSの蛍光ペン linuear-gradientの%を変化させて太さを変えるサンプル

　CSSで蛍光ペンのような線が引けるlinuear-gradientの太さを変えてみたもの。

　linuear-gradientの太さを1%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 1%, #ffff00 1%);

　linuear-gradientの太さを10%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 10%, #ffff00 10%);

　linuear-gradientの太さを20%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 20%, #ffff00 20%);

　linuear-gradientの太さを30%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 30%, #ffff00 30%);

　linuear-gradientの太さを40%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 40%, #ffff00 40%);

　linuear-gradientの太さを50%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 50%, #ffff00 50%);

　linuear-gradientの太さを60%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 60%, #ffff00 60%);

　linuear-gradientの太さを70%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 70%, #ffff00 70%);

　linuear-gradientの太さを80%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 80%, #ffff00 80%);

　linuear-gradientの太さを90%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 90%, #ffff00 90%);

　linuear-gradientの太さを95%にしてみたもの。色は、ffff00 です。
background: linear-gradient(transparent 95%, #ffff00 95%);

　linuear-gradientの太さを1%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 1%, #ffa3cf 1%);

　linuear-gradientの太さを10%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 10%, #ffa3cf 10%);

　linuear-gradientの太さを20%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 20%, #ffa3cf 20%);

　linuear-gradientの太さを30%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 30%, #ffa3cf 30%);

　linuear-gradientの太さを40%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 40%, #ffa3cf 40%);

　linuear-gradientの太さを50%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 50%, #ffa3cf 50%);

　linuear-gradientの太さを60%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 60%, #ffa3cf 60%);

　linuear-gradientの太さを70%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 70%, #ffa3cf 70%);

　linuear-gradientの太さを80%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 80%, #ffa3cf 80%);

　linuear-gradientの太さを90%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 90%, #ffa3cf 90%);

　linuear-gradientの太さを95%にしてみたもの。色は、ffa3cf です。
background: linear-gradient(transparent 95%, #ffa3cf 95%);