CSS3转换 transform

目录
一、CSS3转换 transform
2D转换
translate() 平移
rotate() 旋转
scale() 放大缩小
skew() 倾斜
3D转换
1、rotateX(80deg)：正值向上翻转
2、rotateY(180deg)：正值向右翻转
3、translateZ(100px)：正值向前，负值向后 透视原理： 近大远小 。

一、CSS3转换 transform
CSS3 转换是使元素改变形状、尺寸和位置的一种效果。

转换可以对元素进行
移动transform: translateX(200px)、
缩放transform: scaleY(0.5)、
旋转transform: rotate(-90deg)、
拉长或拉伸transform: skewX(-10deg)。
transfrom不会影响其他元素的位置 transfrom对内联元素（inline）没有效果

2D转换
2D转换表现在平面上，主要方法有：

translate() 平移 根

CSS3转换 transform最先出现在Python成神之路。