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-
posted @ 2017-03-01 11:41  chaimens  阅读(144)  评论(0编辑  收藏  举报