提问者:小点点

CSS旋转功能。如何指定旋转方向?


考虑这个演示:https://jsfiddle.net/s2Lngpto/1/

我有一个微调器,我希望它每次旋转不是360度,而是315度(并且在8个旋转中以完整的循环进行),CSS的行为非常奇怪。根据我的理解,如果你指定例如rotate(315deg),它应该移动到当前位置的-45度位置。但相反,如果通过最长路径向右移动。好吧…我想这就是CSS的工作原理,如果你指定正整数,它将向右旋转,如果负-左?右….右?
不,我已经指定了位置270度,在第二阶段,它向左旋转而不是向右旋转

我做错了什么吗?实现我想要的最简单的方法是什么?


共1个答案

匿名用户

正如你对自己所说:

>

  • 在一个方向(右):
    变换:旋转(10deg)

    在另一个方向(左):
    变换:rotate(-10deg)

    这可能与您的动画有关,当您有属性动画:备用时,例如它倾向于按照u描述的方式执行。你能提供一些代码吗?