懸停結束時的反向svg動畫？

Question

我只是想讓我的svg行在用戶停止在父切換開關執行它後停止其動畫。

有，所以我只是做了一個jsbin了相當數量的代碼：

http://jsbin.com/tiwejekicu/2/edit

所以我的問題是：我怎麼得到它像任何舊的過渡和扭轉自身在懸停是過度。還有：當黃色框被點擊時，藍色淡入來自左邊緣怎麼會出現？有任何想法嗎？！非常感謝您的幫助！

Answer 1

你需要有兩個@keyframe規則：

@keyframe in { 
from {something;} 
to {to something;} 
} 
@keyframe out { 
from {something;} 
to {transform: rotate(0deg);} 
} 

退房this question它基本上是相同的。