变换:分为2d变换和3d变换,但一次只能用一个变换属性,多个的话最后一个会覆盖前面全部最终被浏览器实现,变换能够成为过渡和动画的一个待变参数(相似width,opacity等)。
过渡:是动画的初始模型和极简实现,只有初始状态(初始帧)和激活状态(结束帧)。
动画:可定义初始帧、中间帧、结束帧,经过多帧、细节的控制能够实现内容更丰富的动画。
过渡和动画的区别
动画类型 是否必需要有触发事件 状态保持状况 关键帧 过渡 是 在事件内,可一直保持状态;
在事件结束后,可按照过渡属性再恢复至原始状态
只有初始帧(正常状态)、结束帧(事件状态) 动画 否,定义在元素上能够直接开始,也能够由事件(如hover)触发 在事件内,只按照动画属性执行一次,执行结束后,可没必要等待事件结束,就恢复至原始状态 除了初始帧、结束帧,能够设置多个中间帧,动画控制更精确、动画内容更丰富
动画在为页面添加交互动效方面起到相当重要的做用,在从此的工做中,这块的东西也要加深学习力度。
转载于猿2048:➽《css3中的变换、动画和过渡》php