html - 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;