高清动画在CSS示例中不起作用

Question

有人知道为什么高度动画不适用于这个例子并导致动画上的这个“跳跃”？

transition: height .5s;

http://jsfiddle.net/0a72pr9g/16/

谢谢，尼克

Answer 1

一个过渡是取消另一个，另一个，你需要这样做：

.box {
   transition: height .5s, margin .5s, transform .5s;
}

不喜欢这样：

.box {
   transition: height .5s;
   transition: margin .5s;
   transition: transform .5s;
}

线：https://jsfiddle.net/0a72pr9g/26/

Answer 2

我找到了解决方案！我改变了这一点

transition: height .5s;
transition: margin .5s;
transition: transform .5s;

对此（我添加了一些动画，但它是无关的）

transition: height .25s, margin .25s, transform .25s, background .25s, color .25s;

并解决了这个问题！如果有人知道为什么，我很想知道。

这是更新的例子。

http://jsfiddle.net/0a72pr9g/23/

谢谢