CSS3颜色属性

opacity

opacity用来设置元素的透明度。取值范围为0~1,0表示完全透明,1表示不透明。

RGBA

RGBA是在RGB基础上增加了控制alpha透明度的参数。基本语法如下:

1
rgba(R,G,B,A)

参数解析:

(1)R(red):红色值。正整数 | 百分数。

(2)G(green):绿色值。正整数 | 百分数。

(3)B(blue):蓝色值。正整数 | 百分数。

(4)A(Alpha):Alpha透明度,取值0~1之间。

R、G、B三个参数的正整数取值是0-255,百分比取值是0.0% - 100.0%。需要特别注意的是,并非所有的浏览器都支持百分数参数值。简单示例如下:

HSL()

HSL就是色调(Hue)、饱和度(Saturation)和亮度(Lightness)的缩写。

通过三个颜色通道的叠加实现调节颜色的功能。

H:0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360。

S:取值为:0.0% - 100.0%;0% 意味着灰色,而 100% 是全彩。

L:取值为:0.0% - 100.0%;0% 是黑色,100% 是白色。

HSLA()

HSLA()HSL()基础上增加了一个透明度效果。

currentColor

此属性代表当前元素被应用上的color颜色值,也可以说当前元素的文本颜色值。

例如:

参考自蚂蚁部落

请作者喝瓶肥宅水🥤

0