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;*/
            }

你可能感兴趣的:(MUI填坑记-9body上下内阴影)