css根据某个角旋转，设置旋转中心点

前言：

      css3里面是有动画的属性的，里面有个旋转，那么旋转怎么来根据元素的不同点来旋转呢？这里分享下方法。

实现源码：

1、旋转的代码：

transform:rotate(7deg);

旋转的兼容性写法：

-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */

2、旋转的角度：

第一个参数是左右，左中右  ，第二个参数是上下，上中下，根据需要使用

左上：

transform-origin:left top;

左下：

transform-origin:left bottom;

左中：

transform-origin:left center;