动画方向:从开始帧到结束帧的反向跳过

时间:2014-05-02 17:00:50

标签: css css3 css-animations

我正在尝试实现扩展菜单,并希望使用一些CSS3动画来完善它。我使用两个单独的类+关键帧规则进行扩展和折叠很好地工作。但是,由于动画是相同的,只是相反,我希望能够将animation-direction: reverse;添加到两个控制类中的一个。

这不仅不起作用,而且会破坏两个方向的动画。它似乎只是从头到尾跳过(和/或跳过动画并直接进入结束状态),而不是滑入和滑出。怎么了?

http://jsfiddle.net/7g2Jg/6/

更新:实际上,reverse完全打破了Chrome中的幻灯片效果(即使使用-webkit前缀)和IE10。 MDN说它应该有用。

0 个答案:

没有答案