css3简单的动画转换和过渡，一个突然跳跃的结论？

我有这样一个简单的动画：

.elem:hover {
-webkit-transform: scale(1.3);
-webkit-transition: all .4s;
}

当我悬停时，它会正确缩放。但就在它即将完成时，它突然弹回到原来的大小，然后捕捉到完成的放大版本

---

如何修复此问题？

如果有点错误，则必须将属性设置得稍有不同：

.elem { -webkit-transition: all .4s ease-in-out; }
.elem:hover { -webkit-transform: scale(1.3); }

您需要在元素本身上设置动画属性，然后在悬停上设置动作：）

---

.

我已经放弃了缩放，但将其放在：hover-peusdo中没有帮助。您正在哪个浏览器中查看它？太棒了。在找到这个解决方案之前，我们花了30分钟寻找这个解决方案。如果您可以通过jsbin或JSFIDLE提供一个演示页面，这将有所帮助