css3中的变换、动画和过渡

变换：分为2d变换和3d变换，但一次只能用一个变换属性，多个的话最后一个会覆盖前面所有最终被浏览器实现，变换可以成为过渡和动画的一个待变参数（类似width,opacity等）。

过渡：是动画的初始模型和极简实现，只有初始状态（初始帧）和激活状态（结束帧）。

动画：可定义初始帧、中间帧、结束帧，通过多帧、细节的控制可以实现内容更丰富的动画。

过渡和动画的区别

动画类型	是否必须要有触发事件	状态保持情况	关键帧
过渡	是	在事件内，可一直保持状态； 在事件结束后，可按照过渡属性再恢复至原始状态	只有初始帧（正常状态）、结束帧（事件状态）
动画	否，定义在元素上可以直接开始，也可以由事件（如hover）触发	在事件内，只按照动画属性执行一次，执行结束后，可不必等待事件结束，就恢复至原始状态	除了初始帧、结束帧，可以设置多个中间帧，动画控制更精确、动画内容更丰富

 

动画在为页面添加交互动效方面起到至关重要的作用，在今后的工作中，这块的东西也要加深学习力度。

转载于:https://www.cnblogs.com/surfer/p/8520613.html