1.简写属性包含的属性：
transition(过渡)属性：
transition: property duration timing-function delay;
- transition-property：
指定应用过渡的CSS属性的name，
- transition-duration：
transition效果需要指定多少秒或毫秒才能完成 - transition-timing-function：
指定transition效果的转速曲线 - transition-delay：
始终指定transition-duration属性，否则持续时间为0，transition不会有任何效果。
animation（动画） 属性：
animation: name duration timing-function delay iteration-count direction fill-mode play-state;
- animation-name 指定要绑定到选择器的关键帧的名称（动画名称）
- animation-duration 动画指定需要多少秒或毫秒完成
- animation-timing-function 设置动画将如何完成一个周期（linear/ease/ease-in/ease-out/ease-in-out）
- animation-delay 设置动画在启动前的延迟间隔（多长时间后动画开始执行）。
- animation-iteration-count 定义动画的播放次数（数字或infinite无限次）。
- animation-direction 指定是否应该轮流反向播放动画。
- animation-fill-mode 规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。
- animation-play-state 指定动画是否正在运行或已暂停。
2.是否需要触发
- transition需要伪类、事件触发才执行；某一个元素指定了Transiton，那么当其某个属性改变的时候就会按照Transition指定的方式进行过渡，transition是一次性的，不能重复发生，除非一再触发transition ；
- animation不需要触发，页面加载就可以执行；可以设置循环次数、infinite实现无限次循环。
3.中间过程
- transition只能设置动画初始值和结束值，中间的过程无法控制。
- animation可以控制到每一帧，结合@keyframes使用，可以通过百分比来划分帧，（0%-100% 或者使用from{} to{}）;