Sass颜色减轻功能 - 使用%

时间:2016-03-08 11:33:37

标签: css sass

据我所知,Sass减轻功能就像这样:

lighten($myColour, 20%);

但是如果你看一下这个用于创建颜色的在线工具:

enter link description here

如果没有%:

,它会创建如下
lighten($myColour, 20);

这样好吗?使用20%或20%会有什么不同吗?

由于

1 个答案:

答案 0 :(得分:6)

正如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%);
}