本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
在css中，可以使用drop-shadow属性设置不规则阴影，只需要给元素设置“filter:drop-shadow(数值 数值 数值 颜色值)”样式即可。drop-shadow函数给图像设置一个有模糊度的阴影效果。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
项目中用到不规则图片做背景，需要用到阴影效果，如图：
如果用阴影box-shadow会出现凹陷的半圆在白色背景显示不出来。
可以使用css 实现阴影效果，解决需求。
1 |
|
推荐学习：css视频教程
以上就是css如何设置不规则阴影的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
