Jquery CSS变换旋转-Chrome中的渲染问题

我正在尝试通过jQuery旋转div标记，代码如下：

$(this).addClass("rotate1");

.rotate1{
-webkit-transform: rotate(1deg);
-webkit-transform-origin: 0% 0%;
-moz-transform:  rotate(1deg);
-moz-transform-origin: 0% 0%;
-o-transform: rotate(1deg);
-o-transform-origin: 0% 0%;
-ms-transform: rotate(1deg);
-ms-transform-origin: 0% 0%;
transform: rotate(1deg);
transform-origin: 0% 0%;
}

但我有显示问题，显示不完全。 以下是JSFIDLE上的代码：

只有当我尝试通过jQuery循环文章时，问题才会出现。如果我用-webkit transform..rotate为它分配一个css类。。。那么它工作得很好

---

问题出现在chrome浏览器中，它在Firefox中运行良好。

不确定这是否能解决您的问题，因为现在无法访问JSFIDLE，因为它似乎已关闭504

我不会添加类，而是在javascript中指定转换，例如：

document.querySelector(this).style.webkitTransformOrigin = "0% 0%"
document.querySelector(this).style.webkitTransform = "rotate(1deg)"

---

我发现直接在javascript中执行变换和转换可以使移动设备上的动画更加流畅

我注意到Chrome在供应商前缀方面经常存在双重继承问题，最近我在渐变方面遇到了这个问题。我不得不放弃-webkit属性，这是多余的。我不认为这是问题所在，但我认为值得一提

如果你打算使用jQuery进行旋转，我建议你使用这个插件：@eivers88不，不起作用，我得到了相同的结果。我试过了，它不起作用。但是，如果我在html中默认添加类，那么它就可以工作了。