CSS阴影效果三剑客：box-shadow、text-shadow、drop-shadow
想要盒子的轮廓产生阴影效果，使用box-shadow
想要文本的轮廓产生阴影效果，使用text-shadow
想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
当然，如果想要依据元素本身颜色产生映射的阴影颜色，可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果，哔咔哔咔
juejin.im
想要盒子的轮廓产生阴影效果，使用box-shadow想要文本的轮廓产生阴影效果，使用text-shadow想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()当然，如果想要依据元素本身颜色产生映射的阴影颜色，可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果，哔咔哔咔
juejin.im
展开
3
22
![[绝望的凝视]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_69.cabd864.png)
， 同遭遇的掘友们，来发牢骚吧