在CSS3中设置旋转点？

Question

是否可以在CSS3中设置旋转点？默认的旋转点是50％，50％。 我试过了：

-webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%; 

但它不起作用...有什么建议吗？

Answer 1

这将设置你的元素的左上角旋转枢轴点和旋转它：

-webkit-transform: rotate(-25deg); 
-webkit-transform-origin: 0% 0%; 

采取瞄了一眼.nav_item_txt类

http://jsfiddle.net/KHkX7/

Answer 2

只是去http://www.w3schools.com/cssref/css3_pr_rotation-point.asp并仔细阅读。它说，没有主要的浏览器支持这个属性。

Answer 3

尝试使用变换产地属性，而不是，不支持旋转点...

有关元素的右上角点旋转（包括所有目标）：

-webkit-transform-origin: 100% 0; 
-moz-transform-origin: 100% 0; 
-ms-transform-origin: 100% 0; 
-o-transform-origin: 100% 0; 
transform-origin: 100% 0;