码迷,mamicode.com
首页 > Web开发 > 详细

css3颜色控制,alpha和渐变

时间:2019-01-30 00:20:48      阅读:452      评论:0      收藏:0      [点我收藏+]

标签:不可   分数   增加   极限   ora   之间   back   line   分享   

RGBA是在RGB的基础上增加了控制alpha透明度的参数。

color:rgba(R,G,B,A)

以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。

background-color:rgba(100,120,60,0.5);

渐变:

语法:linear-gradient(to bottom,#fff,#999)  

第一个参数是渐变的方向:可以用角度和英文表示,默认为180deg,即 to bootom。0deg表示向上,度数增加,顺时针旋转;
技术分享图片

第二个参数表示颜色,可以有两个以上的值;

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

技术分享图片

 

css3颜色控制,alpha和渐变

标签:不可   分数   增加   极限   ora   之间   back   line   分享   

原文地址:https://www.cnblogs.com/zdl2234/p/10336338.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!