Блог

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

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

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

Есть ли способ указать Webkit transition на transition top / bottom, а затем, когда это будет сделано, выполнить z-index мгновенно или с длительностью, в любом случае?

Спасибо

Вы должны указать задержку при переходе по z-индексу:

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

И для вашей информации, в javascript вы также можете прослушать webkitTransitionEnd событие и изменить z-индекс при запуске этого события.

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

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