变换：分为2d变换和3d变换，但一次只能用一个变换属性，多个的话最后一个会覆盖前面所有最终被浏览器实现，变换可以成为过渡和动画的一个待变参数（类似width,opacity等）。
过渡：是动画的初始模型和极简实现，只有初始状态（初始帧）和激活状态（结束帧）。
动画：可定义初始帧、中间帧、结束帧，通过多帧、细节的控制可以实现内容更丰富的动画。
过渡和动画的区别
| 动画类型 | 是否必须要有触发事件 | 状态保持情况 | 关键帧 |
| 过渡 | 是 |
在事件内，可一直保持状态； 在事件结束后，可按照过渡属性再恢复至原始状态 |
只有初始帧（正常状态）、结束帧（事件状态） |
| 动画 | 否，定义在元素上可以直接开始，也可以由事件（如hover）触发 | 在事件内，只按照动画属性执行一次，执行结束后，可不必等待事件结束，就恢复至原始状态 | 除了初始帧、结束帧，可以设置多个中间帧，动画控制更精确、动画内容更丰富 |
动画在为页面添加交互动效方面起到至关重要的作用，在今后的工作中，这块的东西也要加深学习力度。