gtxyzz

CSS hsla() 函数 给元素定义颜色,亮度,饱和度,不透明度

gtxyzz web技术 2022-07-07 793浏览 0

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 颜色:

绿色

浅绿色

深绿色

淡绿色

紫色

淡紫色

继续浏览有关 css 的文章
发表评论