web前端 ：2d

2d:

• x轴：水平，向右为正，向左为负

• y轴：垂直，向下为正，向上为负

• 2d转换的方法

• 1) transform: translate()平移

• /* 沿着水平方向位移 */
  当为一个值的时候，只沿着水平方向位移

  2) transform: rotate(ndeg) 旋转

• 当角度值为正数时，元素沿着顺时针方向旋转 ​ 当角度值为负数时，元素沿着逆时针方向旋转

  ​​​​​​​

  3）transform: scale() 缩放

• 为一个值的时候，沿着水平方向和垂直方向等比例缩放

  ​​​​​​​

  4）transform: skew() 倾斜

• 单位deg(角度) 正值，向左上角和右下角倾斜；负值，向右上角和左下角倾斜

  为一个值的时候，只沿着水平方向倾斜

  5）transform-origin属性 设置元素的基点位置

• transform-origin: 水平方向 垂直方向;

• 设置元素的基点位置，设置围绕哪个点进行变化