为了账号安全,请及时绑定邮箱和手机立即绑定

使用mix函数 如何计算带不透明度的颜色值

为何?

mix(rgba(255,0,0,0.5), #00f) => rgba(64, 0, 191, 0.75);

求计算过程


正在回答

2 回答

后面的#00f  其实就等于rgba(#0000ff,1), 默认的opacity为1,$weight没有设置就是50% ,(1+0.5)*50%=0.75

0 回复 有任何疑惑可以回复我~

Mix 函数是将两种颜色根据一定的比例混合在一起,生成另一种颜色。其使用语法如下:

mix($color-1,$color-2,$weight);

$color-1 和 $color-2 指的是你需要合并的颜色,颜色可以是任何表达式,也可以是颜色变量。

$weight 为 合并的比例(选择权重),默认值为 50%,其取值范围是 0~1 之间。它是每个 RGB 的百分比来衡量,当然透明度也会有一定的权重。默认的比例是 50%,这意味着两个颜色各占一半,如果指定的比例是 25%,这意味着第一个颜色所占比例为 25%,第二个颜色所占比例为75%。


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Sass进阶篇
  • 参与学习       46640    人
  • 解答问题       98    个

对Sass其它较有难度的部分进行讲解,包括常用控制命令、函数

进入课程

使用mix函数 如何计算带不透明度的颜色值

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号