MUI填坑记-9body上下内阴影

body:after {
                content: "";
                position: fixed;
                /*top: -10px;*/
                bottom: -10px;
                left: 0;
                width: 100%;
                height: 10px;
                box-shadow: 0 -0.5vw 2.3vw 1px #d5e8fe;
                -webkit-box-shadow: 0 0.5vw 2.3vw 1px #d5e8fe;
                -moz-box-shadow: 0 0.5vw 2.3vw 1px #d5e8fe;
                -o-box-shadow: 0 0.5vw 2.3vw 1px #d5e8fe;
                -ms-box-shadow: 0 0.5vw 2.3vw 1px #d5e8fe;
                z-index: 100;
            }

body:before {
                content: "";
                position: fixed;
                top: -10px;
                left: 0;
                width: 100%;
                height: 10px;
                box-shadow: 0 1vw 2.3vw 1px #a7c7f3;
                -webkit-box-shadow: 0 1vw 2.3vw 1px #a7c7f3;
                -moz-box-shadow: 0 1vw 2.3vw 1px #a7c7f3;
                -o-box-shadow: 0 1vw 2.3vw 1px #a7c7f3;
                -ms-box-shadow: 0 1vw 2.3vw 1px #a7c7f3;
                /*z-index: 100;*/
            }
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容