transition、transform、translate分不清只因他们长的太像了

先上图，图片最了然（借用哈）

细说：

transition

是一个单独的属性，有四个属性值

举个栗子：{transition: width .3s ease-in .1}
其他属性没啥解释的，我说下transition-timing-function有哪些参数

transform

包含translate，translate在transform中属于移动，他又分translate3d,translateX,translateY,translateZ, translate3d是translateX,translateY,translateZ的综合写法，不过他们还都是transform的属性值，可别当成translate的属性值了，看图

最后提醒一下大家在写的时候要注意兼容写法，这些都是css3新属性，兼容性写法可参考“css3兼容前缀写法及代表的浏览器”