课程
/前端开发
/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 回答函数的使用场景
2 回答sass random() 函数的取值范围
3 回答ramdom()函数实际使用场景在哪里
1 回答unquote函数返回值问题?
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号