css 动画 执行一次

CSS3提供了animation属性，可以实现动画效果。默认情况下，animation动画会一直循环执行，但是我们可以通过设置animation-iteration-count属性来控制动画执行的次数。将animation-iteration-count设置为1，就可以让动画只执行一次。例如：

div {
  animation: myanimation 2s;
  animation-iteration-count: 1;
}

@keyframes myanimation {
  from {background-color: red;}
  to {background-color: yellow;}
}

上述代码中，div元素会执行名为myanimation的动画，动画时长为2秒，并且只执行一次。动画效果是从红色背景色渐变到黄色背景色。