html keyframes无效,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内核)？