CSS3，WebKit转换顺序？如何排队到转场？

2011-04-11 34 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