影像阴影

Question

我有一个图像，需要在图像内部创建阴影。我的意思是我需要创建一个透明块，该块将在图像上方并且图像将变暗。 我有这个CSS：

img {
box-shadow: inset 0 0 12px #000;
opacity: 0.2;
}

但是它不能按我的要求工作。我该怎么解决？

Answer 1

尝试此网站。我将其用于大多数盒装阴影产品，只是为了获得更好的视觉效果并查看我想要的东西。 https://www.cssmatic.com/box-shadow

Answer 2

box-shadow: inset 0 0 12px #000;

代码效果就像这张图片

如果要使用遮罩遮盖图片，可以使用不透明和深色元素遮盖。