CSS3的transform 转换

transform是可以实现元素位移，旋转，缩放和变形。
只介绍了2D转换~

1. translate 位移：改变元素位置 最多设置两个值，一个水平，一个垂直。如果设置为负数，则代表反方向。可设置百分比。
   eg:实现元素脱标绝对居中

   position:absolute;
   left:50%;
   top:50%;
   transform:translate(-50%,-50%);
   

   　　

   2.rotate 旋转：单位是deg 正数代表顺时针，负数代表逆时针。默认元素的旋转中心在中间位置。可修改旋转中心：transform-origin

   3.scale 缩放：改变元素大小，写的值是倍数，不可以设置负数，值大于1放大，值小于1缩小。
   4.skew 倾斜：改变元素倾斜的角度，单位是deg，第一个值代表水平，第二个值代表垂直。

CSS3的transform 转换

原文：https://www.cnblogs.com/JiAyInNnNn/p/11102173.html