一个过渡是取消另一个,另一个,你需要这样做:
.box {
transition: height .5s, margin .5s, transform .5s;
}
不喜欢这样:
.box {
transition: height .5s;
transition: margin .5s;
transition: transform .5s;
}
我找到了解决方案!我改变了这一点
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/
谢谢