首页 > 其他 > 详细

transform——转换

时间:2020-05-30 22:46:38      阅读:40      评论:0      收藏:0      [点我收藏+]

① 位移

  transform:translate(x,y);     同时x轴和y轴的位移

                   translate(x);        在x轴上的位移 同 translateX(x)

                   translateY(y);       在Y轴上的位移

 ② 缩放

    transform: scale(v1);           同时缩放x轴和y轴的大小    

                     scaleX(v1)       

                      scaleY(v1)

                      scale(v1,v2);   v1——x轴   v2——y轴

               v1>1   放大    =1  不变    0<v1<1变小 

 ③ 旋转——改变元素的角度

     transform:rotate( n deg)       n + 顺时针   -逆时针

     旋转原点 transform-origin:x y;

                    transform-origin:100% 0;  //以右上角为原点

  ④倾斜

      transform:skew();    

 

语法: transform:translate()  scale()  rotate()  skew();

transform——转换

原文:https://www.cnblogs.com/Dcode/p/12995232.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!