Question

我制作了一个我们用于销售的小工具微调动画。

您可以在此处看到它完美运行：https://jsfiddle.net/e2tt2mao/448/

然而，当我将相同/类似的代码应用于＆＃34;场景＆＃34;我目前正在让我无法让它旋转......

我已经尝试了所有的东西......我不确定为什么它不能在我的＆＃34;第二个js小提琴链接中旋转＆＃34;

非常感谢任何帮助！

onResume()

Answer 1

问题是.rotating跨度没有宽度和高度，因为里面的图像是绝对定位的。我已经为跨度定义了宽度和高度，并且它具有transform-origin: 50% 50%;的变换原点。我还尝试集中定位.rotating范围，但您可能需要调整它。

编辑：这是响应式版本。我必须非常轻微地调整.animateVSS的样式，以便让我正确地调整微调器的中心位置。它会像你的造型一样做一些略微不同的方法。