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

html-css028

为什么如下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%一模一样，就相当于等了几秒}

}