课程
/前端开发
/Sass/Less
/Sass进阶篇
为何?
mix(rgba(255,0,0,0.5), #00f) => rgba(64, 0, 191, 0.75);
求计算过程
2018-06-13
源自:Sass进阶篇 4-4
正在回答
后面的#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其它较有难度的部分进行讲解,包括常用控制命令、函数
2 回答关于mix函数的第三个参数
2 回答函数的使用场景
3 回答ramdom()函数实际使用场景在哪里
1 回答unquote函数返回值问题?
1 回答为什么在这里的 mix(#fff,#000) 是#7f7f7f 而不是#808080?