CSS3，WebKit轉換順序？如何排隊到轉場？

2011-04-11 36 views 11 likes

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

問題是，我不希望以後才頂&底部完成的z-index的過渡。

有沒有辦法告訴Webkit過渡到頂部/底部，然後完成後，立即或持續時間做z-index？

感謝

回答

您必須指定在z-index的過渡延遲：

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

2011-04-11 19:28:04 DuMaurier

拍啊這是偉大的過程中經過。我早先使用關鍵幀將它砍到一起。這更優雅。謝謝 – AnApprentice 2011-04-11 19:31:07

節省了我的時間，謝謝 – 2013-12-21 21:36:26

併爲您的信息，在JavaScript中，你也可以聽上webkitTransitionEnd事件和修改Z-索引當這個事件被解僱時。

此事件有兩個有用的屬性：

2011-06-30 22:43:31 jdramaix

非常有用，謝謝分享！ – stian 2013-02-23 00:43:35

相關問題