css - 带有 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 使用它?
解决方案
推荐阅读
- reactjs - 在一个视频播放中播放多个 .m3u8 播放列表
- mysql - 更改 MySQL 中的日期格式,上传格式错误
- reactjs - 为什么`create-react-app`命令创建的文件夹占用的外置硬盘空间如此之大?
- neo4j - neo4j全文搜索获取包含关键字的属性
- json - json 语法错误,期望 'EOF'、'}'、','、']',得到 '未定义'
- javascript - 我可以使用 getServerSideProps 中的服务器端道具来初始化 NextJS 中的动态状态吗?
- django - Django 无法从 accounts.models 导入
- react-native - react-native-ble-plx - 错误:元素类型无效:预期为字符串(用于内置组件)
- copy - 错误 2200:复制活动 - 未找到分区 Parquet 列
- android - Jetpack Compose 中的动画内容