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

Question

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

我有一个微调，我想它旋转不是360度左右，但315度每次（走在全周期在8个旋转）和CSS的表现确实古怪。根据我的理解，如果你指定例如rotate(315deg)，它应该移动到当前位置的-45度位置。但相反，如果通过最长的路径向右移动。好吧..我想这就是CSS的工作原理，如果你指定正整数，它会正确旋转，如果是负值 - 离开？是的是的？
不，我已经指定了270度的位置，而在第二个阶段它向左转而不是向右转

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

Answer 1

如u已经awnsered自己：

在一个方向（右）

• ：
  transform: rotate(10deg)
  

• 在另一个方向

  （左）：
  transform: rotate(-10deg)

它可能与y有关我们的动画，例如，当你有属性animation: alternate时，它往往会像你所描述的那样。你能提供一些代码吗？