我按着这样写了 但是我的灯笼怎么闪不了？？
是代码哪里有问题吗？我看了好久 还是没发现
#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;}
}
}
