CSS3,WebKit转换顺序？如何排队到过渡？

Question

我有以下内容:

-webkit-transition-property: top, bottom, z-index;
-webkit-transition-duration: 0.5s;

问题是我不希望z-index在顶部和底部完成之后转换.

有没有办法告诉Webkit过渡到顶部/底部过渡,然后完成后,立即或持续时间进行z-index,无论哪种方式？

谢谢

Answer 1

您必须在z-index转换上指定延迟:

-webkit-transition-property: top, bottom, z-index;
-webkit-transition-duration: 0.5s;
-webkit-transition-delay: 0s, 0s, .5s;

Answer 2

对于您的信息,在javascript中,您还可以监听webkitTransitionEnd事件并在触发此事件时修改z-index.

此事件有两个有用的属性: