css中设置背景图片亮度 |css立体盒子

要设置背景图片的亮度，大家需要使用CSS3中的滤镜属性filter。具体的代码如下：

.bg-img {
filter: brightness(50%);
}

上面的代码中，大家设置了一个名为bg-img的样式，然后使用了filter属性，并将其值设为brightness(50%)。这个50%就代表着当前背景图片的亮度程度。

如果你想让背景图片变得更加明亮，只需将亮度值设为大于50的数值即可，比如：

.bg-img {
filter: brightness(80%);
}

如果你想让背景图片变得更加暗淡，只需将亮度值设为小于50的数值即可，比如：

.bg-img {
filter: brightness(30%);
}

除了brightness外，还有一些其他的滤镜属性可以用来调整背景图片的颜色和亮度，比如：

.bg-img {
filter: grayscale(100%);
}

上面的代码将把背景图片变成黑白色调，如果将100%改为50%就会得到一个带有灰色调的背景图片。

总之，在CSS中通过filter属性调整背景图片的颜色和亮度非常简单，只需要根据需求设置合适的滤镜属性即可。