• 2022-05-31
    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,B,C

    内容

    • 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动画属性必须和下面哪个属性配合使用