在css3 当中,通过transform(变形) 来实现2d 或者3d 转换,其中2d 有,缩放,移动,旋转。
- scale(x, y) : 缩放, 可以对元素进行水平和垂直方向的缩放,x、y的取值可为小数,不可为负值;
- translate(x, y) : 移动, 可以改变元素的位置,x、y可为负值; x 在水平方向移动。 y 在垂直方向移动。
- rotate(deg) : 旋转, 可以对元素进行旋转,正值为顺时针,负值为逆时针;
- transform-origin: 水平坐标 垂直坐标 :旋转中心点,默认是几何中心,也就是当前标签的中心点;