今天发现了css中的另一个元素HSLA:
Hue(色调): 0(或者360)表示红色,120表示绿色,240表示蓝色,不同取值有不同颜色; Saturation(饱和度): 取值为0%到100%之间的值; Lightness(亮度): 取值为0%到100%之间的值;
Alpha(透明度): 取值在0到1之间;
比如说可以这样使用 background-image: linear-gradient( /* chrome */
hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
);或者:box-shadow:inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */