css3动画定在最后一个

CSS3动画是一种通过CSS3技术实现的动态效果，它可以让网页更加生动、有趣和吸引人。在CSS3动画中，我们可以使用各种动画属性来定义动画的方式和特效。

当我们使用多个CSS3动画时，如果希望动画效果依次播放完毕，那么我们可以将最后一个动画设置为动画的定位属性。

@keyframes animate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100%{
    opacity: 0;
    animation-fill-mode: forwards;  
  }
}

在上面的例子中，我们定义了一个名为animate的关键帧动画，通过设置100%的动画填充模式为forwards，可以使动画停留在最后一帧，从而实现动画效果逐个播放完毕的效果。

总之，通过CSS3动画的定位属性，我们能够轻松地实现复杂的动画效果，为网站增加更多的生动和吸引力。