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

Question

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

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

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

Answer 1

正如你自己所言:

• 单向(右):
  变换:旋转(10deg)
  

• 在另一个方向(左):
  变换:旋转(-10deg)

它可能与您的动画有关，例如，当您具有属性 animation: alternate 时，它往往会按照您的描述进行。你能提供一些代码吗？