Rumah >hujung hadapan web >tutorial css >css如何设置不规则阴影
css如何设置不规则阴影
- 醉折花枝作酒筹asal
- 2021-04-26 17:28:363736semak imbas
在css中，可以使用drop-shadow属性设置不规则阴影，只需要给元素设置“filter:drop-shadow(数值 数值 数值 颜色值)”样式即可。drop-shadow函数给图像设置一个有模糊度的阴影效果。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
项目中用到不规则图片做背景，需要用到阴影效果，如图：
如果用阴影box-shadow会出现凹陷的半圆在白色背景显示不出来。
可以使用css 实现阴影效果，解决需求。
filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));
推荐学习：css视频教程
Atas ialah kandungan terperinci css如何设置不规则阴影. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css如何设置字体平滑Artikel seterusnya：css3新增的伪类有哪些