【CSS3】transform-origin以原点进行旋转 (转)

话不多说，

以左上角为原点

-moz-transform-origin: 0 0;

-webkit-transform-origin:0 0;

-o-transform-origin:0 0;

 

以右上角给原点

 

-moz-transform-origin: top right;

-webkit-transform-origin:top right;

-o-transform-origin:top right;

 

以左下角为原点

 

-moz-transform-origin: 0 100%;

-webkit-transform-origin:0 100%;

-o-transform-origin:0 100%;

 

以右下角为原地啊

 

-moz-transform-origin: 100% 100%;

-webkit-transform-origin:100% 100%;

-o-transform-origin:100% 100%;