CSS3中translate,transform和translation的区别和联系

2024-11-08 04:22:13
推荐回答(1个)
回答1:

更正个错误:没有translation,可能你想说的transition。
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;/*元素的宽度发生改变时,会有个过渡的动画*/