CSS3, orden de transición de WebKit? ¿Cómo hacer cola para las transiciones?

Question

Tengo el siguiente:

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

El problema es que no quiero el índice z para la transición hasta después de la parte superior & parte inferior está.

¿Hay alguna manera de indicarle a Webkit la transición a la transición arriba/abajo y luego, cuando termine, haga z-index instantáneamente o con la duración, de cualquier manera?

Gracias

Answer 1

Tiene que especificar un retraso en la transición z-index:

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

Answer 2

Y para su información, en javascript, también puede escuchar en el caso webkitTransitionEnd y modificar la Z- index cuando se dispara este evento.

Este evento tiene dos propiedades útiles:

• PropertyName: el nombre de la propiedad involucrada en el transistion
• elapsedTime: tiempo transcurrido durante la transicion