CSS3：基本状态，动画和背面

Question

基本上，我有具有给定宽度和高度的元件。当我添加“放大”类的话，我希望它改变它的大小和位置。我用适当的webkit-animation（keyframed）工作。

的问题是，当我删除了“放大”的类，它突然恢复到原来的大小和位置，我很想与一个动画来做到这一点。

注意，这是很可能与使用的过渡性解决的例子，但在我的现实世界的情况下，可因为我没有一个相当复杂的关键帧动画。

那么，如何获得一个基本状态，添加一个类时添加一个新状态的动画，并在删除该类时将动画反转为基本状态？谢谢。

Answer 1

，你有这个问题将不会有过渡解决。

什么使两种方式的过渡工作是通常您将它设置在一个类中，并更改状态中的属性。通过这种方式，您始终有设置的过渡，只更改属性。

如果设置在仅将更改状态的过渡，一旦你删除它，过渡不再元素，所以改变是立竿见影的。

如果添加类是真的，你想要的（某些其他原因）的过程中，你有3个posibilities

1. 正如评论所说，在变化，你应该添加另一种基本状态类只有属性动画播放相反。
2. 在基本元素中设置动画的反向，在添加的类中设置动画。

3. 进入一个复杂的系统，你真的删除类动画结束事件，和你做什么触发（太复杂，我认为）

   没有办法的元素动画 - 转变 - 无论一旦你从元素