CSS3，WebKit过渡顺序？如何排队到过渡？ [英] CSS3, WebKit Transition Order? How to queue to the transitions?

问题描述

我有以下：

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

问题是我不想让z-索引过渡到top&底部是完成。

Problem is I don't want the z-index to transition until after top & bottom are done.

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

Is there a way to tell Webkit transition to transition top/bottom and then when done, do z-index instantly or with the duration, either way?

感谢

推荐答案

-index transition：

You have to specify a delay on the z-index transition:

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

这篇关于CSS3，WebKit过渡顺序？如何排队到过渡？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！