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

【问题标题】：CSS rotate function. How to specify the direction of spinning?CSS 旋转功能。如何指定旋转方向？
【发布时间】：2016-12-07 21:34:57
【问题描述】：

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

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

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

【问题讨论】：

你可以简单地定义负值

标签： css animation rotation direction

【解决方案1】：

如你所愿：

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

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

【讨论】：