动画与过渡的区别
动画与过渡区别的总结
1、实现的效果:过渡可以实现2个状态间的变化过程,动画可以实现多个状态间的变化过程
2、过程是否可控(重复播放、最终画面、是否能够暂停):过渡过程不可控,动画过程可控。
动画属性
## 动画:是在人的脑海里快速切换大量图片时在人脑海里形成的具有连续性的画面
1、单位:帧或者动画帧
2、动画三要素,时间 起始状态 结束状态
一、属性以及取值
1、animation-name动画名称
2、animation-duration动画时长
3、animation-delay延迟时间
4、animation-fill-mode=动画执行完毕后的状态 forwords:最后一帧状态 bcckwords:第一帧状态
5、animation-timing-function速度曲线 steps(数字)逐帧动画/linear匀速执行动画=两者添加动画效果只能写其一
6、animation-iteration-count重复次数 infinite:无限循环
7、animation-direction动画执行方向 alternate反方向
8、animation-play-state暂停动画 pause暂停,通常配合hover使用
二、逐帧动画=steps实现
1、属性:animation-timing-function =速度曲线=steps(数字)逐帧动画
注1.在总结逐帧动