html - 图像上的阴影

标签 html css

我有一张图片,需要在图片内创建阴影。我的意思是我需要创建透明 block ,它会覆盖图像并且图像会变暗。 我有这个 CSS:

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

但它并没有像我想要的那样工作。我该如何解决?

最佳答案

试试这个网站。我已经将它用于大多数盒子阴影事物,只是为了获得更好的视觉效果并查看我想要的东西。 https://www.cssmatic.com/box-shadow

关于html - 图像上的阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54911104/

相关文章:

javascript - html5 Canvas : auto font size for drawn wrapped rotated text

javascript - 动态设置href标签

html - 如何在css中的背景图像下创建文本

javascript - 有没有办法在 es6 中导入一个只适用于一个特定元素并且不是全局的 css 文件?

android - 响应式网页设计有必要吗?

php - 限制下拉菜单中的选项

jquery - 使用 jquery 更改具有多个值的单个变量

html - 使 DIV 中的无序列表居中,同时保持最后一行 LI 向左调整

javascript - 当选择或取消选择特定下拉选项时切换隐藏的 div

javascript - 在 Chrome 中应用 z-index 后,文本变得非常轻微模糊