CSS3：基本狀態，動畫和背面

Question

基本上，我有具有給定寬度和高度的元件。當我添加「放大」類的話，我希望它改變它的大小和位置。我用適當的webkit-animation（keyframed）工作。

的問題是，當我刪除了「放大」的類，它突然恢復到原來的大小和位置，我很想與一個動畫來做到這一點。

注意，這是很可能與使用的過渡性解決的例子，但在我的現實世界的情況下，可因爲我沒有一個相當複雜的關鍵幀動畫。

那麼，如何獲得一個基本狀態，添加一個類時添加一個新狀態的動畫，並在刪除該類時將動畫反轉爲基本狀態？謝謝。

Answer 1

，你有這個問題將不會有過渡解決。

什麼使兩種方式的過渡工作是通常您將它設置在一個類中，並更改狀態中的屬性。通過這種方式，您始終有設置的過渡，只更改屬性。

如果設置在僅將更改狀態的過渡，一旦你刪除它，過渡不再元素，所以改變是立竿見影的。

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

1. 正如評論所說，在變化，你應該添加另一種基本狀態類只有屬性動畫播放相反。
2. 在基本元素中設置動畫的反向，在添加的類中設置動畫。

3. 進入一個複雜的系統，你真的刪除類動畫結束事件，和你做什麼觸發（太複雜，我認爲）

   沒有辦法的元素動畫 - 轉變 - 無論一旦你從元素