transform:rotate

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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-

以上是关于transform:rotate的主要内容,如果未能解决你的问题,请参考以下文章

CSS transform:rotate();怎么设置旋转方向?比如向左上角旋转和以自身为中心放大

javascript如何实现图片任意角度的旋转?

transform:rotate

CSS可以让图片转一个360度的圈?

transform

Unity脚本-Rotate旋转相关知识点