CSS中为Animation设置动画延迟使用____属性,设置动画次数应该使用____属性。
举一反三
- 【案例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属性来定义盒子阴影动画,设置播放的时间、速度曲线、次数、方向、是否循环等。
- CSS动画中,希望动画轮流反向播放,设置属性值为________________;希望动画循环播放,设置属性值为_____________
- animation动画属性必须和下面哪个属性配合使用
- 在CSS3中设置动画使用(__)属性可以实现。
- 设置元素浮动,应该使用CSS属性()。