css如何设置不规则阴影


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

在css中,可以使用drop-shadow属性设置不规则阴影,只需要给元素设置“filter:drop-shadow(数值 数值 数值 颜色值)”样式即可。drop-shadow函数给图像设置一个有模糊度的阴影效果。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

项目中用到不规则图片做背景,需要用到阴影效果,如图:

在这里插入图片描述

如果用阴影box-shadow会出现凹陷的半圆在白色背景显示不出来。
可以使用css 实现阴影效果,解决需求。

1

filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, 0.07));

推荐学习:css视频教程

以上就是css如何设置不规则阴影的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么实现平方

css如何实现文字不能选中

zoom在css中什么意思

css怎样设置p标签不换行

css 括号是什么

css怎么控制文字不换行

css如何设置文字超出省略号

css中词语间隔怎么设置

css怎么设置表格线

css如何让div居中?css实现div居中的方法

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...