CSS 渐变
:CSS :站长发布 :1年前(2023-03-09) :676次浏览
#grad {
background-image: linear-gradient(to right, red , yellow);
}
从左到右渐变right,可以left、top、bottom
#grad {
background-image: linear-gradient(-90deg, red, yellow);
}
旋转90度渐变
#grad {
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}
透明度使用RGBA,RGB色值(最后A,0代表透明度,比如.5)
#grad {
background-image: repeating-linear-gradient(red, yellow 10%, green 20%);
}
颜色位置,百分比化。
版权声明:本文为云海网站长的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://xn--qiv211ar60a.com/99.html