css给图片设置阴影效果_css设置背景图片阴影

作者：知新_RL | 2024-03-18 22:59:04

踩

css设置背景图片阴影

问题：给不规则的镂空图片设置阴影

box-shadow适合给dom元素自定义样式后设置阴影效果。
div设置box-shadow设置阴影
但我们拿到一张不规则图片设置box-shadow后效果明显不符我们的预期。

图片box-shadow

CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。

我们给img设置css属性

filter: drop-shadow(-4rem 0 4rem #000);
1

可以得到我们想要实现的效果。

注意： Internet Explorer 不支持 filter 属性。
filter属性
filter可实现的效果不仅如此。我们可以再看到更多效果在runoob

filter属性其他效果
无了，have a nice day！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/266056