CSS hsla() 函数 给元素定义颜色,亮度,饱和度,不透明度
实例
定义带不透明度的不同的 HSL 颜色:
#p1 {background-color:hsla(120,100%,50%,0.3);} /* 绿色 */ #p2 {background-color:hsla(120,100%,75%,0.3);} /* 浅绿色 */ #p3 {background-color:hsla(120,100%,25%,0.3);} /* 深绿色 */ #p4 {background-color:hsla(120,60%,70%,0.3);} /* 柔绿色 */
定义和用法
hsla() 函数使用 Hue-saturation-lightness-alpha 模型(HSLA)定义颜色。
HSLA 颜色值是 HSL 颜色值的扩展,带有 Alpha 通道 - 该通道指定了颜色的不透明度。
CSS 语法
hsla(hue, saturation, lightness, alpha)
带不透明度的 HSL 颜色:
绿色
浅绿色
深绿色
淡绿色
紫色
淡紫色
转载请注明:IT运维空间 » web技术 » CSS hsla() 函数 给元素定义颜色,亮度,饱和度,不透明度
发表评论