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转换(基础)

相关文章:

  • 2021-04-04
  • 2022-03-11
  • 2022-12-23
  • 2022-12-23
  • 2021-06-06
  • 2022-02-24
  • 2021-09-20
猜你喜欢
  • 2021-07-18
  • 2021-04-24
  • 2022-01-19
  • 2021-06-01
相关资源
相似解决方案