前言:
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;