linear-gradient伪元素给图片加蒙层

可以使用linear-gradient伪元素为图片添加蒙层。下面是一个基本的示例：

HTML代码：

<div class="image-container">
  <img src="your-image.jpg" alt="Your Image">
  <div class="overlay"></div>
</div>

CSS代码：

.image-container {
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

在上面的示例中，我们创建了一个包含图像和overlay的容器。overlay使用绝对定位，覆盖在图像上方。然后，我们使用linear-gradient函数创建了一个线性渐变，颜色从半透明的黑色(rgba(0, 0, 0, 0.5))到完全透明的黑色(rgba(0, 0, 0, 0))。这样就给图像添加了一个半透明的蒙层。

你可以根据需要调整渐变的颜色、透明度和方向来实现不同的效果。