用的比较少,当科普一下好了。
使用方法:
shl(h, s, l);
shla(h, s, l, a);
参数:
H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 – 360
S:Saturation(饱和度)。取值为:0.0% – 100.0%
L:Lightness(亮度)。取值为:0.0% – 100.0%
A:Alpha透明度。取值0~1之间。
HSLA 色彩模式与 HSL 相同,只是在 HSL 模式上新增了 Alpha 透明度。
使用示例:
div{
background-color: hsla(360, 50%, 50%, .5);
}
background-color: hsla(360, 50%, 50%, .5);
}