• 2022-06-17
    动画是通过哪个属性来定义的
    A: media
    B: animation
    C: fontface
    D: keyframes
  • D

    内容

    • 0

      以下哪个属性是过渡效果 A: transform B: transition C: animation D: @keyframes

    • 1

      在css3中,用()规则来创建动画? A: keyframes B: animation C: transform D: transition

    • 2

      @keyframes可以定义动画的很多个关键帧,由animation设定动画播放时长、方式等信息

    • 3

      定义动画属性animation时,必须定义的两个属性值是__________________和______________

    • 4

      【案例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属性来定义盒子阴影动画,设置播放的时间、速度曲线、次数、方向、是否循环等。