animation-direction属性值alternate的含义是什么？-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：9-7 CSS3中设置动画播放方向

zhangyudemuke

2017-02-26 16:23

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

写回答关注

2回答

螃蟹在剥谁的壳

2017-02-26 20:59:43

已采纳

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

1 2

zhangy...

非常感谢！

2017-02-27 15:57:26

共 1 条回复 >
zhanghongsheng

2017-07-27 14:30:00

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

0 0

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

相似问题

animation-direction中的 alternate属性

回答 1

animation-direction是根据哪个属性或其它的来定义偶数和奇数

回答 3

[, normal | alternate]*这是什么意思？

回答 2

animation-timing-function里的一些属性我看不懂啊

回答 1

reset的默认属性值是all.

回答 1

打开慕课网App查看更多内容