CSS rotateY（0deg）使得jQuery.animate（）在Chrome Android中运行得更好

Question

我刚刚发现，使用jQuery.animate（）方法设置动画时， transform：rotateY（0deg）的元素运行更平滑，然后是没有此规则的元素。当我意识到这一点时，我睁大了眼睛。

div {
top: 0px;
width: 15px;
height: 15px;
padding: 0;
}

.smooth {
 transform: rotateY(0deg);
}

<div ></div>
<div class='smooth'></div>

以动画为例：

$('div').animate({top: "+=100"},100);

第二个div将使动画更流畅。 rotateY（0deg）可能是引起这种情况的选项之一，但我发现了它。

有人能告诉我为什么会这样吗？这些事情在开发人员中很常见吗？我试图长时间改善动画的外观，这是最能改进动画效果的解决方案。

在LG G2 Chrome Android上测试过。