scss 样式集合

$alpha,透明度

• $alpha,透明度

background:rgba(51, 51, 51, 1)；
background:rgba($color:#333333,$alpha:1);

//¥  表示 ￥

夜间模式

filter: invert(xxx); —— CSS中的“反相”：其作用元素拥有这个值时会发生色调“翻转”，比如：白-黑；当作用元素是img图片时，会使图片色调也反转
xxx是定义转换的比例值。100%的价值是完全反转。值为0%则图像无变化。值在0%和100%之间，则是效果的线性乘子。也可用0和1以及之间的小数表示。若值未设置，值默认是0。

   .btn{
	filter:invert(1); 
	}

这时候，就会对整个页面有效果。若页面中有图片元素，正如上面所说：invert会对图片造成“反转”效果（这才是它的本意！）。
这时我们可以在图片上用到filter的另一个属性值：inherit：

img{
filter: inherit;  /** 又做了一次反转 **/
}

当然，你还可以更简单的完成：

body{
	filter: invert(1) hue-rotate(180deg);
}

hue-rotate(deg)：给图像应用色相旋转。"angle"一值设定图像会被调整的色环角度值。值为0deg，则图像无变化。若值未设置，默认值是0deg。该值虽然没有最大值，超过360deg的值相当于又绕一圈。