css - 动画突然结束

Question

如果我在悬停时应用了动画，那么如果我将鼠标移出链接，动画就会突然终止。有没有办法让 if 完成？

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

Answer 1

恐怕悬停离开后完成动画不能用纯css来完成。但是你可以像这样用 jQuery 添加 mouseenter 函数:

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