CSS3动画怎么实现每个一段时间播放一次
2个回答
推荐于2018-03-15
展开全部
可以。前提你得设置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%一模一样,就相当于等了几秒}
}
展开全部
这样说吧,,间隔时间的确只是第一次的间隔时间,
如果你接触过FLASH的话,就比较容易换个方式来思考它,
比如你的动画时间为5秒,你想让循环中间隔5秒,
那你可以把你的动画时间设置为10秒,但是动画的动作要在5秒也就是50%的时候执行完,留下5秒的停顿,这样就会造成了间隔效果了,
每次播放时,5秒钟执行完你想要的动画效果,停顿5秒,
还有一个办法就是通过JS来计时触发,做个计时器,到时间就触发一次,,
如果你接触过FLASH的话,就比较容易换个方式来思考它,
比如你的动画时间为5秒,你想让循环中间隔5秒,
那你可以把你的动画时间设置为10秒,但是动画的动作要在5秒也就是50%的时候执行完,留下5秒的停顿,这样就会造成了间隔效果了,
每次播放时,5秒钟执行完你想要的动画效果,停顿5秒,
还有一个办法就是通过JS来计时触发,做个计时器,到时间就触发一次,,
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询