如何给每张图片添加上阴影？
大部分人直接就想到box-shadow这个属性，效果如图左1，这并不是我们想要的效果的。box-shadow顾名思义就是盒子阴影，而并不是盒子里面的元素。
drop-shadow 是CSS3中filter滤镜中的阴影滤镜，非透明的颜色就可以有投影，也符合真实的物理世界。
filter: drop-shaow(X偏移,Y偏移,模糊大小,色值)
filter: drop-shaow(8px 8px 40px rgba(238，181，71，0.65))
css中filter:drop-shadow和box-shadow的区别
原创
©著作权归作者所有：来自51CTO博客作者LRachel的原创作品，请联系作者获取转载授权，否则将追究法律责任
上一篇：最近更新2022.2.14——figma好用的插件和图标网站
下一篇：如何解决npm命令报错Missing write access to /usr/local/lib/node_modules
提问和评论都可以，用心的回复会被更多人看到
评论
发布评论
相关文章
-
【CSS进阶】box-shadow 与 filter:drop-shadow 详解及奇技淫巧
box-shadow 在前端的 CSS 编写工作想必十分常见。但是 box-shadow 除去它的常规用法，其实还存在许多不为人知的奇技淫巧。 喜欢 markdown 版本的可以戳这里 。 box-shadow 常规用法 说到 box-shadow ，首先想到的必然是它能够生成阴影，所以称之为 sh
box-shadow filter:drop-shadow img2div img2css css -
css属性之box-shadow
box-shadow 属性向框添加一个或多个阴影。效果
html firefox 分享 -
AS-PATH-FILTER属性
as-path-filter
ci Standard Time
