我们都知道,标准的 css 语法中:
- rgb() 是 3 个参数:rgb(red, green, blue) 代表标准颜色(不含透明度的)
- rgba() 是 4 个参数:rgba(red, green, blue, alpha) 代表含透明度的颜色
- #ffffff 或 #fff 是标准的 HEX 颜色值
但我刚发现,在 Chrome 开发工具里竟然支持这样的语法:
- rgb(red, green, blue / alpha) 代表含透明度的颜色,例如:rgb(255,0,0 / 25%) 直接把 rgba() 给替代了
- #ffffffxx 代表含透明度的颜色,例如:#aabbcc55 直接把 rgb() 与 rgba() 这种相对麻烦的写法都替代了
网上竟然搜不到相关介绍(主要是我不知道咋搜-_-!)
谁来分享一下?
好家伙,脸打的啪啪的( ̄ε(# ̄)☆╰╮( ̄▽ ̄///)
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb()
Note: CSS Colors Level 4 made some changes to rgb(). In browsers that support the standard rgba() is an alias for rgb(), they accept the same parameters and behave the same way.
The Level 4 specification also allows for space-separated in addition to comma-separated values.
的确是新的语法升级