[分享]css中怎么样图片变暗

CSS中，可以通过opacity属性来使图片变暗。opacity属性的取值范围是0~1，其中0表示完全透明，1表示完全不透明。因此，可以将图片的opacity属性设置为一个小于1的值，从而实现图片变暗...

CSS中，可以通过opacity属性来使图片变暗。opacity属性的取值范围是0~1，其中0表示完全透明，1表示完全不透明。因此，可以将图片的opacity属性设置为一个小于1的值，从而实现图片变暗的效果。

img {
  opacity: 0.5;
} 

上述代码中，将img的opacity属性设置为0.5，表示图片的不透明度为50%，即变暗了一半。同时，可以通过设置这个属性来实现图片生成阴影的效果。

另外，还可以通过CSS的滤镜属性来实现图片变暗的效果。其中，最常使用的就是brightness滤镜。

img {
  filter: brightness(50%);
} 

上述代码中，将img的brightness滤镜设置为50%，表示将图片的亮度减半，即变暗的效果。通过调整不同的取值，可以得到不同程度的变暗效果。