Question

• Css3 平面转换方法
  • translate() 移动
  • rotate() 旋转
  • scale() 缩放
  • skew() 翻转
  • matrix() 矩阵

• transform :
  • rotate() 旋转函数 (deg)
    • deg 度数
  • skew(X,Y) 倾斜函数 (deg)
    • skewX()
    • skewY()
  • scale(X,Y) 缩放函数 (正数、负数和小数)
    • scaleX()
    • scaleY()
  • translate(X,Y) 位移函数(px)
    • translateX()
    • translateY()

• rotate() 旋转方法
  • 用于旋转元素角度
  • 例： rotate(30deg)
    • 把元素顺时针旋转 30 度
• translate() 位置方法
  • 用于移动元素位置
    • 例： translate(50px,100px)
      • 把元素从左侧移动 50 像素，从顶端移动 100 像素。
  • 其实有些类似于我们的相对定位
• scale() 尺寸方法
  • 方法用于改变元素尺寸
    • 例： scale(2,4)
      • 把宽度转换为原始尺寸的 2 倍，把高度转换为原始高度的 4 倍
• skew() 翻转方法
  • 通过 skew() 方法，元素翻转给定的角度
    • 例： transform: skew(30deg,20deg);
      • 把元素围绕 X 轴把元素翻转 30 度，围绕 Y 轴翻转 20 度