先上图,图片最了然(借用哈)
细说:
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兼容前缀写法及代表的浏览器”