我正在尝试实现扩展菜单,并希望使用一些CSS3动画来完善它。我使用两个单独的类+关键帧规则进行扩展和折叠很好地工作。但是,由于动画是相同的,只是相反,我希望能够将animation-direction: reverse;
添加到两个控制类中的一个。
这不仅不起作用,而且会破坏两个方向的动画。它似乎只是从头到尾跳过(和/或跳过动画并直接进入结束状态),而不是滑入和滑出。怎么了?
更新:实际上,reverse
完全打破了Chrome中的幻灯片效果(即使使用-webkit
前缀)和IE10。 MDN说它应该有用。