color-mix()
在 CSS Color Module Level 4 中被引入,是一个 CSS 函数,它用于将两种或多种颜色混合在一起,并允许在颜色计算中引入更多的控制,以便创建复杂的颜色效果。
color-mix() 介绍
1)color-mix() 语法:
color-mix(in sRGB, color, color, ..., fraction)
2)color-mix() 参数说明:
in sRGB
:指定输入颜色空间为 sRGB。这是默认值,可以省略。color
:一个或多个要混合的颜色值,可以是颜色关键字(如red
)、十六进制颜色(如#f06
)、RGB 或 RGBA 值等。fraction
:一个介于 0 和 1 之间的数值,表示每种颜色的混合比例。如果有多个颜色,可以提供多个比例值。
3)color-mix() 使用示例: