基本上，我有一个给定宽度和高度的元素。当我向它添加“缩放”类时，我希望它改变它的大小和位置。我让它与适当的 webkit 动画（关键帧）一起工作。
问题是当我删除“缩放”类时，它突然恢复到原始大小和位置，我很想用动画来做。
请注意，这是一个可以通过使用过渡属性来解决的示例，但在我的实际情况中，它不能，因为我有一个相当复杂的关键帧动画。
那么，如何有一个基本状态，当一个类被添加时动画到一个新状态，当类被移除时将动画反转到基本状态呢？谢谢。
问问题
99 次
1 回答
1
您遇到的问题不会通过过渡来解决。
使转换以两种方式起作用的原因通常是您通常在一个类中设置它，并在一个状态中更改属性。这样，您就可以一直设置转换，并且只更改属性。
如果仅将转换设置为更改状态，则一旦将其删除，转换就不再存在于元素中，因此更改是立即的。
如果添加课程确实是您想要的程序（出于其他原因），那么您有 3 个可能性
正如评论中所建议的，在更改为基本状态时，您应该添加另一个类，该类仅具有反向播放动画的属性。
在基本元素中设置反向动画，在添加的类中设置动画。
转到一个精心设计的系统，在该系统中您真正删除了动画结束事件中的类，并且您所做的事情会触发它（我认为太复杂了）
元素不可能被动画 - 过渡 -一旦你从元素中删除它
于 2013-03-24T09:05:52.413 回答