云海网博客杂谈

 首页  知道  驾考  杂谈  工具  友链
 点我隐藏

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%);

}

颜色位置,百分比化。

 浏览:676

版权声明:本文为云海网站长的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://xn--qiv211ar60a.com/99.html

版权所有 © 2020-至今 云海网 | 渝ICP备18013004号
Theme Giligili By Shawn With | All Rights Reserved
本站已安全运行: