为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
CSS3中设置动画播放次数,十天精通CSS3教程-慕课网
章节
课签
笔记
占位
占位

CSS3中设置动画播放次数

animation-iteration-count属性主要用来定义动画的播放次数

语法规则:

animation-iteration-count: infinite | <number> [, infinite | <number>]*

1、其值通常为整数,但也可以使用带有小数的数字,其默认值为1,这意味着动画将从开始到结束只播放一次。

2、如果取值为infinite,动画将会无限次的播放。

举例:

通过animation-iteration-count属性让动画move只播放5次,代码设置为:

animation-iteration-count:5;

注意:Chrome或Safari浏览器,需要加入-webkit-前缀!

任务

在CSS编辑器的第41行输入正确代码,让动画move无限次数的播放。

注意:如果您使用的是Chrome或Safari浏览器,请使用-webkit-前缀!

?不会了怎么办

思考一下,我们刚讲过的animation-iteration-count

||

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消