css3简单的动画与变换和过渡，突然跳到结论？

Question

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

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

当我悬停时，它会正确缩放。但就在它快要完成的时候，它突然弹回原来的尺寸，然后又变成了完成的放大版本。

我该如何解决这个问题？

Answer 1

你有一点错误，你必须稍微不同地设置属性：

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

你需要在元素本身上设置动画属性，然后在悬停上设置动作:)

工作示例（仅限 Webkit 浏览器）。