css - マウスリーブでアニメーション変換をホバーします

Question

divのアニメーションを作成したので、マウスがdivにカーソルを合わせるとパルスが発生します。しかし、マウスでdivを離れると、divは元の状態に戻ります。スムーズに元に戻す可能性はありますか？

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

パディングとフォントサイズの遷移を試しましたが、見た目がスムーズでなく、変換のように原点が中央に配置されていません。

Answer 1

必要なのは -webkit-animation-fill-mode: forwards; です。何らかの理由でjsfiddleで動作させることができませんでしたが、アニメーションの途中で停止した場合、停止後にアニメーションを完了することができるはずです。