transform 2D样式介绍

责编:menVScode 2018-01-11 21:55 阅读(298)

        移动端使用 transform 需要加-webkit-前缀,即 -webkit-transform。

        rotate:旋转,常用单位deg;

        skew:斜切,skewX、skewY;如:skew(40deg)、skew(40deg,50deg)。skew的默认原点是盒子的中心点,横向为Y轴,纵向为X轴,这跟我们以往接触到的坐标轴刚好是相反的。

        scale 缩放 (原始大小的多少倍)(x,y) scaleX scaleY

        translate 位移 translateX translateY

        transform-origin: center center; 关键字(left,top,right,bottom)  百分比 距离单位(px,em,rem...)  


标签: transform
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码