使CSS动画不重新启动

Question

我在开始时在球体上编写带有缩放动画的网站，但在悬停时也有摇动动画，但是完成悬停后，便开始了缩放动画。因此，我需要一些代码帮助，以使悬停后动画无法重新启动。

@keyframes aBackground {
0% { background-size: 100%; }
100% { background-size: 110% }
}
   .logo:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
 }

Answer 1

我认为您正在寻找animation-iteration-count