快捷导航

鬼畜的css3动画

css旋转动画.rotateRect{position:absolute;left:300px;top:300px;animation:rotone2slinearinfinite;transform-origin:150px150px;}.rotateRectem{display:block;width:50px;height:50px;background-color:#FF8C00;animation:rottwo2slinearinfinite;}@keyframesrotone{from{transform:rotate(0);}to{transform:rotate(360deg);}}@keyframesrottwo{from{transform:rotate(360deg);}to{transform:rotate(0);}}感觉背景色晃动是什么问题?还有这个嵌套一个em,一个正着转,一个反转,然后就不转了,什么原因哦?很有意思的东西要是能有人把transform-origin属性给我说明白就好了

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员1

旋转需要绕轴转,transform-origin,可以设置那根轴的位置。
对2D来说,只有X和Y (平面) 只能设置X轴和Y轴
对3D来说,还能绕Z轴转
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP