我按着这样写了 但是我的灯笼怎么闪不了？？

是代码哪里有问题吗？我看了好久 还是没发现

#page1 >.p1_lantern:before{

position:absolute;

/*z-index:-1;  这句我写了过后效果就看不见了 所以就没写*/

content:"";

top:0;

right:0;

bottom:0;

left:0;

margin:auto;

width:30vw;

height:30vw;

background:#d60b3b;

opacity:.5;

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

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

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

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

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

border-radius:50%;

-webkit-animation: p1_lantern .5s infinite alternate;

animation: p1_lantern .5s infinite alternate;

@-webkit-keyframes p1_lantern {

0% {

opacity: .5;

-webkit-transform: scale(.8, .8);

transform: scale(.8, .8);

}

100% {opacity: 1;}

}

@keyframes p1_lantern {

0% {

opacity: .5;

-webkit-transform: scale(.8, .8);

transform: scale(.8, .8);

}

100% {opacity: 1;}

}

}