据我所知,Sass lighten函数的工作方式如下:

lighten($myColour, 20%);


但是,如果您查看此用于创建颜色的在线工具:

enter link description here

它按如下方式创建它们,但不包含%:

lighten($myColour, 20);


这个可以吗?使用20%或20%有什么区别吗?

谢谢

最佳答案

Sass documentation中所述,函数lighten表示为:

lighten($color, $amount)


哪里


  $ amount(Sass :: Script :: Value :: Number)-增加金额
  亮度在0%到100%之间


因此,两者都可以。我在this CodePen example中对其进行了测试,它给出了相同的十六进制颜色值。

.lighten-number {
  color: lighten(red, 20);
}

.lighten-percentage {
  color: lighten(red, 20%);
}

09-25 16:45