html5边框旁边有白边,:before的border-radius设置成50% 中间会有一圈白色边框怎么解决？？...

:before的border-radius设置成50% 中间会有一圈白色边框怎么解决？？#page1 > .p1_lantern::before{

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

z-index: -1;

content: "";

margin: auto;

width: 30vw;

height: 30vw;

background: #d60b3d;

opacity: 0.5;

border-radius: 50%;

-webkit-box-shadow: 0 0 10vw 10vw #d60b3d;

-moz-box-shadow: 0 0 10vw 10vw #d60b3d;

-ms-box-shadow: 0 0 10vw 10vw #d60b3d;

-o-box-shadow: 0 0 10vw 10vw #d60b3d;

box-shadow: 0 0 10vw 10vw #d60b3d;

-webkit-animation: p1_lantern 0.5s infinite alternate;

animation: p1_lantern 0.5s infinite alternate;

}