首页 > 解决方案 > 带有 alpha 通道的 hsl 用斜线分隔

问题描述

我确信正确的使用方法hsla()

background: hsla(0deg, 100%, 50%, 0.5); /* The same as rgba(255, 0, 0, 0.5); */

但是,如果我在 Chrome DevTools (Ctrl+Shift+I) 中使用该颜色创建一个段落background: rgba(255, 0, 0, 0.5)并按住 shift 单击该颜色,则颜色将转换为

hsl(0deg 100% 50% / 50%);

请注意,alpha 通道现在由斜线分隔,并且函数的名称是hsl而不是hsla.

w3schools 和 MDN 都没有提到这个符号。

为什么 Chrome 使用它?

标签: cssgoogle-chromecolorshsl

解决方案


推荐阅读