Fork me on GitHub

用filter: drop-shadow()给透明图片添加阴影

在项目中遇到一个需求给透明的图标添加阴影


未添加阴影遇到的问题:盒子和透明图标背景色重叠

使用box-shadow的效果,box-shadow顾名思义盒子阴影,它是给整个盒子添加上了阴影
box-shadow: 0 0 2px rgb(31, 62, 219);


偶然发现,使用filter: drop-shadow()属性,可以完美实现该效果
filter: drop-shadow(0 0 2px rgb(31, 62, 219));

参考链接:
你知道怎么加么透明图片的投影么

posted on 2022-07-04 11:00  康心志  阅读(94)  评论(0编辑  收藏  举报

导航