为什么如下css3动画只执行一次

html-css025

为什么如下css3动画只执行一次,第1张

animation-iteration-count:3控制动画循环播放3次

animation-iteration-count:infinite规定动画应该无限次播放

可以。前提你得设置2次以上,比如

第一种:animation:4s 10 5s

4s本次运动时间,10是动画10次 5s是等5秒开始动画

第二种:animation-delay:5s 延迟后运行

第三种:需要animation-name: xxoo(xxoo是说本次你做的动画叫什么,纯属自己定义!不要以为这是h5标签XXOO)

@keyfrarmes xxoo

  0%{}

  10%{}

  30%{ 你做的动画已经完成 }

  100%{剩下的跟100%一模一样,就相当于等了几秒}

}