当我们需要给一个页面设置内阴影效果时,一般都是先设置一个高度和宽度的100%的div盒子,然后给这个盒子设置内部阴影,但是若使用CSS3的伪类before
,采用以下的代码,我们可以更轻松地给body标签设置内阴影的样式。
效果
CSS代码
body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; }
本文出处:http://www.uedsc.com/webpage-top-box-shadow.html
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/4626.html