kwexi
2018-06-13 17:55
为何?
mix(rgba(255,0,0,0.5), #00f) => rgba(64, 0, 191, 0.75);
求计算过程
后面的#00f 其实就等于rgba(#0000ff,1), 默认的opacity为1,$weight没有设置就是50% ,(1+0.5)*50%=0.75
Mix 函数是将两种颜色根据一定的比例混合在一起,生成另一种颜色。其使用语法如下:
mix($color-1,$color-2,$weight);
$color-1 和 $color-2 指的是你需要合并的颜色,颜色可以是任何表达式,也可以是颜色变量。
$weight 为 合并的比例(选择权重),默认值为 50%,其取值范围是 0~1 之间。它是每个 RGB 的百分比来衡量,当然透明度也会有一定的权重。默认的比例是 50%,这意味着两个颜色各占一半,如果指定的比例是 25%,这意味着第一个颜色所占比例为 25%,第二个颜色所占比例为75%。
Sass进阶篇
46635 学习 · 97 问题
相似问题