keyframes + animation沒有效果
@-webkit-keyframes change{
? 0%{ transform:rotate(0deg);}
? 10%{ transform:rotate(3deg);}
? 20%{ transform:rotate(-3deg);}
? 30%{ transform:rotate(2deg);}
? 40%{ transform:rotate(-2deg);}
? 50%{ transform:rotate(1deg);}
? 60%{ transform:rotate(-1deg);}
? 70%{ transform:rotate(0deg);}
? 100%{ transform:rotate(0deg);}
}
.text{width:400px;height:400px;background:url('./img/zz.png') no-repeat;position:absolute;top:200px;left:500px;}
.change{-webkit-animation: change 2s infinite;}
這段代碼怎么沒有效果?(用的360瀏覽器,webkit內(nèi)核)?
2015-07-04
把代碼改為
@-webkit-keyframes rotateplane {
? ? 0%{ -webkit-transform:rotate(0deg) }?
? ? 10%{-webkit-transform:rotate(3deg)}
? ? 20%{-webkit-transform:rotate(-3deg)}
? ? 30%{-webkit-transform:rotate(2deg)}
? ? 40%{-webkit-transform:rotate(-2deg)}
? ? 50%{-webkit-transform:rotate(1deg)}
? ? 60%{-webkit-transform:rotate(-1deg)}
? ? 70%{-webkit-transform:rotate(0deg)}
? ? 100%{-webkit-transform:rotate(0deg)}
}
2015-07-22
我試了下,谷歌瀏覽器就可以晃動(dòng),但是火狐瀏覽器沒這個(gè)晃動(dòng)
2015-06-28
目測(cè)代碼沒問題