css图片亮度调节 |按钮设计 css

img{
filter:brightness(70%);
}

上述代码可以将图片的亮度降低至70%。同样的，大家也可以将其调高：

img{
filter:brightness(130%);
}

这将会将图片的亮度提高至130%。同时，大家也可使用其他的滤镜效果，例如调节图片的饱和度：

img{
filter:saturate(50%);
}

这将会将图片的饱和度降低至50%。除此之外，还有一些其他的滤镜效果，大家可以根据具体需要进行调节。

除了使用filter属性，大家也可以使用CSS的mix-blend-mode属性对图片进行亮度调节，该属性可以实现混合模式：

img{
mix-blend-mode:lighten;
}

上述代码将使用lighten混合模式对图片进行亮度调节。除此之外，还有许多其他的混合模式，大家可以根据具体需要进行选择。

总之，CSS提供了许多方法用于对图片进行亮度调节，这对于网页设计来说是非常有利的。大家可以根据具体需要进行选择使用。