在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

尝试使用transform-origin属性，不支持旋转点...

用于在元素的右上角旋转（包括所有定位）：

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

Answer 3

转到http://www.w3schools.com/cssref/css3_pr_rotation-point.asp并仔细阅读。 它说没有一个主流浏览器支持这个属性。