我按著這樣寫了 但是我的燈籠怎么閃不了??
是代碼哪里有問題嗎?我看了好久 還是沒發(fā)現(xiàn)
#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;}
}
}
2016-02-16
@-webkit-keyframes p1_lantern 和?@keyframes p1_lantern ?應該寫到?#page1 >.p1_lantern:before{ } 的外面,你寫到里面去了
2016-02-12
瀏覽器不兼容唄 ?換幾個高級瀏覽器試試