• 2022-05-30
    animation属性是一个简写属性,用于在一个属性中设置:animation-name(动画名称);animation-duration( 动画持续时间);animation-timing-function(运动曲线);animation-delay(动画延时);animation-iteration-count(播放次数);animation-direction(是否反方向)六个动画属性。 如果一个动画设置了: animation-name:mymoving; animation-duration:3s; animation-timing-function:ease-in; animation-delay:1s; animation-iteration-count:infinite; animation-direction:alternate; 我们可以如何进行简写?
  • animation: mymoving 3s ease-in 1s infinite alternate;

    举一反三

    内容

    • 0

      使用animation属性时必须指定animation-name和animation-duration属性,否则动画效果将不会播放

    • 1

      下列选项中,用于定义整个动画效果完成所需要的时间的属性是()。 A: animation-direction B: animation-iteration-count C: animation D: animation-duration

    • 2

      创建动画实例,方法为Animation wx.createAnimation(Object object),返回一个动画实例Animation,以调用实例的方法来描述动画,最后通过动画实例的export方法导出动画数据传递给组件的animation属性。

    • 3

      认真阅读下列代码,并按要求进行作答。imation-name:mymove; /*定义动画名称*/imation-duration:5s; /*定义动画时间*/imation-timing-function:linear; /*定义动画速度曲线*/imation-delay:2s; /*定义动延迟时间*/imation-iteration-count:3; /*定义动画的播放次数*/imation-direction:alternate; /*定义动画播放的方向*/imation属性是一个复合属性,可以同时设置上述属性的代码为( )。 A: animation: mymove 3 2s linear 5s alternate; B: animation: mymove linear 2s 5s 3 alternate; C: animation: mymove 2s linear 5s 3 alternate; D: animation: mymove 5s linear 2s 3 alternate;

    • 4

      CSS中为Animation设置动画延迟使用____属性,设置动画次数应该使用____属性。