在mouseleave上懸停動畫轉換

Question

我爲div創建了一個動畫，所以當鼠標懸停div時它會發生變化。但是當我用鼠標離開div時，div會回到原始狀態。有沒有可能將其順利轉換回原點？

http://jsfiddle.net/ninerian/npN89/

我試圖填充和字體大小的過渡，但看起來不那麼平滑和原點不居中像變換。

Answer 1

你想要什麼是-webkit-animation-fill-mode：forwards;由於某種原因，我沒有讓它在jsfiddle中工作，但是如果動畫在動畫中間停下來，它應該可以讓動畫在停止後完成。