課程
/前端開發
/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 回答為什么在這里的 mix(#fff,#000) 是#7f7f7f 而不是#808080？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-11-28
后面的#00f? 其實就等于rgba（#0000ff，1）， 默認的opacity為1，$weight沒有設置就是50% ，（1+0.5）*50%=0.75
2018-07-11
Mix 函數是將兩種顏色根據一定的比例混合在一起，生成另一種顏色。其使用語法如下：
$color-1 和 $color-2?指的是你需要合并的顏色，顏色可以是任何表達式，也可以是顏色變量。
$weight?為 合并的比例（選擇權重），默認值為 50%，其取值范圍是 0~1 之間。它是每個 RGB 的百分比來衡量，當然透明度也會有一定的權重。默認的比例是 50%，這意味著兩個顏色各占一半，如果指定的比例是 25%，這意味著第一個顏色所占比例為 25%，第二個顏色所占比例為75%。