
CSS3中translate,transform和translation的区别和联系
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;/*元素的宽度发生改变时,会有个过渡的动画*/
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;/*元素的宽度发生改变时,会有个过渡的动画*/

2022-08-05 广告
苏州蓝晓生物科技有限公司。标准化核心产品:公司拥有完整的琼脂糖介质、葡聚糖介质、聚甲基丙烯酸酯介质生产线,年产分离介质50000L,产品质量稳定并达到国际领先水平。核心优势:公司核心技术人员拥有近二十年不同基质的基球开发和官能化的丰富技术经...
点击进入详情页
本回答由苏州蓝晓生物科技有限公司_提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询