Hover-Animation bei Mausverlassen transformieren

Question

Ich habe eine Animation für ein Div erstellt, so dass es pulsiert, wenn die Maus über das Div schwebt. Aber wenn ich das Div mit der Maus verlasse, schnappt das Div wieder in den ursprünglichen Zustand zurück. Gibt es eine Möglichkeit, es sanft zurück zum Ursprung zu transformieren?

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

Ich habe einen Übergang von padding und font-size versucht, aber es sieht nicht so glatt aus und der Ursprung ist nicht zentriert wie bei transform.

Answer 1

Was Sie wollen, ist -webkit-animation-fill-mode: forwards; Ich coudln nicht bekommen, es in jsfiddle aus irgendeinem Grund zu arbeiten, aber das soll die Animation zu ermöglichen, nach gestoppt werden, wenn es in der Mitte der Animation gestoppt wird abgeschlossen.