zoukankan      html  css  js  c++  java
  • transform——转换

    ① 位移

      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();

    那些看似不起波澜的日复一日,会突然在某一天让人看到坚持的意义。
  • 相关阅读:
    最近吸收的html && CSS 知识
    Visual C++ 20111021
    递归变位数(练习)
    effective C++ 第五章
    二叉树的非递归遍历
    插入排序补充
    数的乘方,简单背包,组合
    在这个病毒猖獗的年代……
    元宵夜游城隍庙
    Cherish your work
  • 原文地址:https://www.cnblogs.com/Dcode/p/12995232.html
Copyright © 2011-2022 走看看