CSS3:2D转换

让某个元素改变形状、大小、位置

  • translate( Xpx,Ypx)—移动(根据左、顶部位置给定的参数,从当前位置移动)
    例:
    CSS3:2D转换(基础)

CSS3:2D转换(基础)

  • rotate(number deg(度数))—旋转
    例:CSS3:2D转换(基础)

CSS3:2D转换(基础)

  • scale(宽为原来的X倍,高为原来的X倍)—缩放
    例:
    CSS3:2D转换(基础)
    CSS3:2D转换(基础)
  • skew(X轴倾斜的度数,Y轴倾斜的度数 )—倾斜
  • 也可拆分为skewX(),skewY()
    例:
    CSS3:2D转换(基础)
    CSS3:2D转换(基础)
  • matrix( )—矩阵(中有六个参数,包含旋转、缩放、移动、倾斜功能)
    例;
    CSS3:2D转换(基础)
    CSS3:2D转换(基础)

相关文章: