rgba 修改颜色透明度
第一个参数为颜色,第二个参数是你需要设置的颜色透明值。
>> rgba(red,.5)
rgba(255, 0, 0, 0.5)
>> rgba(#dedede,.5)
rgba(222, 222, 222, 0.5)
>&...
yekong
3年前 (2021-08-20) 2080℃
0喜欢
opacity 控制整个元素的透明度
>> alpha(red)
1
>> alpha(rgba(red,.8))
0.8
>> opacity(red)
1
>> opacity(rgba(red,.8))
0.8
...
yekong
3年前 (2021-08-19) 644℃
0喜欢
lighten() 函数会让颜色变得更亮,与之相反的 darken() 函数会让颜色变得更暗。这个亮度值可以是 0~1 之间,不过常用的一般都在 3%~20% 之间。
$baseColor: #ad141e;
使用 lighten() 和 darken() 函数来修改 10% ...
yekong
3年前 (2021-08-19) 2046℃
0喜欢
saturate($color,$amount):通过改变颜色的饱和度值,让颜色更饱和,从而创建一个新的颜色
sass -i
>> saturate(#f36,50%) //把#f36颜色饱和度提高50%
#ff3366
//SCSS
$baseColor: #ad...
yekong
3年前 (2021-08-19) 896℃
0喜欢
invert($color):反回一个反相色,红、绿、蓝色值倒过来,而透明度不变。
sass -i
>> invert(#f36)
#00cc99
...
yekong
3年前 (2021-08-19) 1287℃
0喜欢
complement($color):返回一个补充色,相当于adjust-hue($color,180deg);
sass -i
>> complement(#f36)
#33ffcc
...
yekong
3年前 (2021-08-19) 764℃
0喜欢
grayscale($color):将一个颜色变成灰色,相当于desaturate($color,100%);
sass -i
>> grayscale(#f36) //把#f36颜色变成灰色
#999999
//SCSS
$baseColor: #ad141e;
...
yekong
3年前 (2021-08-19) 1260℃
0喜欢
desaturate($color,$amount):通过改变颜色的饱和度值,让颜色更少的饱和,从而创建出一个新的颜色;
sass -i
desaturate(#f36,50%) //把#f36颜色饱和度降低50%
#cc667f
...
yekong
3年前 (2021-08-19) 727℃
0喜欢
darken($color,$amount):通过改变颜色的亮度值,让颜色变暗,创建一个新的颜色;
sass -i
>> darken(#f36,50%) //把#f36颜色亮度降低50%
#33000d
...
yekong
3年前 (2021-08-19) 1515℃
0喜欢
lightness($color):从一个颜色中获取亮度(lightness)值;
sass -i
>> lightness(#7ab)//得到#7ab颜色的亮度值
60%
...
yekong
3年前 (2021-08-19) 1417℃
0喜欢