3月26号一动画学习心得

今日份测试：
（1）em是指根据父级的字数的倍数
（2）时间不充裕？挤出来
新知识：
动画
（1）什么是动画
（2）触发式动画
（3）主动式动画
动画就是由一个一个的关键帧组成的;
触发式动画：
1）时间参数，执行多久：transition-duration
2）延迟执行时间：transition-delay
3）速率（过渡动画时间参数）transition-timing-function：
取值：
linear匀速
ease慢快慢
ease-in慢速开始
ease-out慢速结束
ease-in-out慢速开始和快速结束
区别于：贝塞尔曲线更精确（可以画出自己想要的轨迹效果）
补充：
贝塞尔曲线：cubic-bezier
4）动画属性：transition-property
取值：
默认值：all所有属性都可以
none所有的属性都不可以
5）复合写法：transition:property duration timing-function delay;

主动式动画
需要一个关键词来启动动画
@keyframes
1）复合写法:name duration timing-function delay iteration-count（动画执行次数） direction
2）两种状态
动画暂停animation-play-state
取值：
默认值：running，一直运动。
paused暂停动画
动画结束后的状态：
animation-fill-mode
取值：
停在百分之百的位置（动画结束的位置）：forwarfs
停在百分之零的为专科（动画开始的位置）：backwards
ps：
（1）过渡（动画）只能是有开始和结束的过渡属性才有效果
（2）主动式动画区别于触发试动画：
1）多了一个执行次数
iteration-count，取值：infinite（无限循环）
2）方向：
direction，取值：
normal默认值
alternate龙摆尾
reverse反向执行
alternate-reverse方向龙摆尾

问题：无论是主动式动画还是触发式动画的复合属性的写法都是要按照顺序的吗？