translate:位移,移動
比如-webkit-transform:translate(20px,30px);將元素沿x移動20px,沿y移動30px
transform:變形,改變
元素的位置,形狀改變都要先用到它,比如上面translate,還有scale,skew
-webkit-transform:scale(2);-webkit-transform:skew(20deg,20deg)
transition:過渡
主要是用在css3中過渡形狀、顏色、位置等。比如:
-webkit-transition:width 0.2s;/*元素的寬度發生改變時,會有個過渡的動畫*/