首页 > 代码库 > 阴影box-shadow
阴影box-shadow
五个参数：相对位置两个，模糊程度一个，放大程度一个，颜色一个。
如果想要逼真的阴影，一般需要很多个阴影相互叠加。
<div style="width: 200px; height: 50px; background: #87C98A; box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.24);"> </div>
<div style="width: 200px; height: 50px; background: #87C98A; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2),0 8px 24px 0 rgba(0,0,0,.2);"> </div>
前一个绿条含阴影，但是不明显，只因风不够大。风起，绿条起，造成大的阴影。----learn by w3shools.bootcss.com
这个网站还有很多很棒的东西，比如说页面布局动态响应、表格动态响应等等，只能说吊大你来。
阴影box-shadow
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。