javascript - 连续旋转 div，但仅使用 -180 度到 180 度和 css 转换（指南针）

我想将 div 从 -180 度旋转到 180 度，而 div 不会在两者之间旋转回 0。而不是采用 fastet 方式，它目前从 -180 一直旋转到 0，然后才到 180。

我在某处读到 CSS 动画永远不会这样做，但我可以使用 180 或 -180 的倍数来保持它连续旋转。这在我的情况下并不可行，因为我使用与设备方向相关的数据，介于 0 到 360 之间。（我正在编写一个小指南针）

是否有处理此类 CSS 动画的 javascript 库？或者有没有办法在位置从负切换到正的那一刻禁用css转换？

感谢大家对此的意见。

干杯

标签： javascriptcssanimationrotationcss-transitions