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

Question

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

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

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

Answer 1

你已经开始了自己：

• 在一个方向（右）：
  transform: rotate(10deg)
  

• 在另一个方向（左）：
  transform: rotate(-10deg)

它可能与您的动画有关，当您拥有属性animation: alternate时，例如它倾向于按照您的描述进行操作。你可以提供一些代码吗？