问答详情
源自:9-7 CSS3中设置动画播放方向

animation-direction属性值alternate的含义是什么?

animation-direction属性另一个值是alternate,他的作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。一直搞不懂这句话是什么意思,求解释,多谢!

提问者:zhangyudemuke 2017-02-26 16:23

个回答

  • 螃蟹在剥谁的壳
    2017-02-26 20:59:43
    已采纳

    假如你设置了一个顺时针的转360度的动画,如果加了animation-direction:alternation,那么第一次是顺时针旋转360度(第一次顺时针旋转是默认的),第二次则是逆时针旋转360度,第三次是顺时针,第四次则是逆时针了……那么就是”第偶数次向前播放,第奇数次向反方向播放“

  • zhanghongsheng
    2017-07-27 14:30:00

    比如说动画你是顺序播放的,但是加上这句话之后,顺序播放完之后还会逆着播回到初始状态,加上animation-iteration-count:infinite;这个属性之后能够无限循环,类似于鬼畜来回播放