transform:rotate

transform:rotate 已经第二次遇到这个问题了 电视机盒子跑不动transform

经测试后  电视机盒子这个属性要这么写

.wz{
position:absolute;
animation:wz 12s 1 forwards;
-webkit-animation:wz 12s 1 forwards;
}


@keyframes wz{
0%{top:730px;}
30%{top:550px;}
70%{top:550px;}
100%{top:730px;}
}
@-webkit-keyframes wz
{
0%{top:730px;}
30%{top:550px;}
70%{top:550px;}
100%{top:730px;}
}


特别注意在-webkit-keyframe中使用时候一定要加上-webkit-
万事开头难 然后中间难 最后结尾难
原文地址:https://www.cnblogs.com/chaimens/p/6483513.html