Tengo lo siguiente:

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

Problema es que no quiero que el índice z haga la transición hasta después de que la parte superior e inferior estén listas.

¿Hay alguna forma de indicarle a Webkit la transición a la transición arriba / abajo y luego, cuando haya terminado, haga el índice z instantáneamente o con la duración, de cualquier manera?

Gracia