animation属性用于描述动画的CSS声明,包括指定具体动画以及动画时长等行为。animation属性的基本语法如下所示:animation: name duration timing-function delay iteration-count direction fill-mode play-state;下述表述中正确的有:
A: animation- duration规定动画完成一个周期所花费时间。
B: animation-delay规定动画开始前的延迟。
C: animation- direction规定动画是否在下一周期逆向播放。
D: animation- fill-mode规定动画是否正在运行或暂停。
A: animation- duration规定动画完成一个周期所花费时间。
B: animation-delay规定动画开始前的延迟。
C: animation- direction规定动画是否在下一周期逆向播放。
D: animation- fill-mode规定动画是否正在运行或暂停。
A,B,C
举一反三
- 中国大学MOOC: animation属性用于描述动画的CSS声明,包括指定具体动画以及动画时长等行为。animation属性的基本语法如下所示:animation: name duration timing-function delay iteration-count direction fill-mode play-state;下述表述中正确的有:
- 在animation属性的基本语法animation: name durationt iming-function delay iteration-count direction fill-mode play-state;中,规定动画是否在下一周期逆向播放的是() A: animation-delay B: animation-timing-function C: animation-duration D: animation-direction
- animation- duration属性用于规定动画是否在下一周期逆向播放。( )
- animation- iteration-count属性用于规定动画是否正在运行或暂停。( )
- 创建动画实例,方法为Animation wx.createAnimation(Object object),返回一个动画实例Animation,以调用实例的方法来描述动画,最后通过动画实例的export方法导出动画数据传递给组件的animation属性。
内容
- 0
CSS中为Animation设置动画延迟使用____属性,设置动画次数应该使用____属性。
- 1
函数Animation wx.createAnimation(Object object)的参数属性( )用于设置动画的持续时间。 A: duration B: timingFunction C: delay D: transformOrigin
- 2
【案例9-6】发光的按钮一、案例描述1、考核知识点animation属性2、练习目标Ø掌握animation属性的使用。Ø灵活运用animation属性实现复杂的动画。3、需求分析在传统的Web设计中,当网页中需要显示动画或特效时,需要使用JavaScript脚本或者Flash来实现。在CSS3中,提供了对动画的强大支持。在CSS3中,使用animation属性可以定义复杂的动画。本案例通过animation属性制作一个发光按钮的动画效果。4、案例分析1)按钮发光的动画,效果如图9-19所示。图9-1发光的按钮效果2)具体实现步骤如下所示:a)在Dreamweaver中定义一个span,设置其宽高、文字样式;并设置背景图片为线性渐变。b)使用@keyframes属性设置动画效果,定义动画开始和结束时的动画状态。其中,动画开始时,盒子阴影为绿色;动画结束时,盒子阴影为红色。c)使用animation属性来定义盒子阴影动画,设置播放的时间、速度曲线、次数、方向、是否循环等。
- 3
@keyframes可以定义动画的很多个关键帧,由animation设定动画播放时长、方式等信息
- 4
animation动画属性必须和下面哪个属性配合使用