アニメーションが突然終了する

Question

アニメーションをホバーに適用すると、リンクからマウスを移動するとアニメーションが突然終了します。終わったら何かする方法はありますか？

a:hover{ 
    display: block; 
    width: 30px; 
    height: 30px; 
    animation: test .5s infinite; 
} 

Answer 1

を試してみてください。一時停止; `：;：

$("a").mouseenter(function(){ 
    $(this).animate({ 
     <your animation> 
}); 

Answer 2

私は離れてホバリングした後、アニメーションを仕上げ純粋なCSSで行うことができないことを恐れているこの

a:hover{ 
animation-name:your_animation_name;/*any name of your animation*/ 
animation-duration:1s;/*animation playing duration given by seconds*/ 
animation-timing-function:ease-in;/*play mehtods eg:-ease in , ease-in-out*/ 
animation-fill-mode:forwards;/*animation stop at to{} code. No come back style*/ 
animation-delay:1s;/*animation should start after... given by seconds*/ 
} 

@keyframes your_animation_name{ 
from{}/*Where the animation begging*/ 
to{display:block;/*if you want add more codes insert here*/}/*final animation style*/