CSS3, порядок перехода WebKit?Как поставить в очередь на переходы?

Question

У меня есть следующее:

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

Проблема в том, что я не хочу, чтобы z-index переходил до тех пор, пока не будут выполнены top & bottom.

Есть ли способ сообщить переходу 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 при его запуске.

Это событие имеет два полезных свойства:

• propertyName: имя свойства, участвующего в транзакции
• elapsedTime: время, прошедшее с момента перехода