css - 高度动画在 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/