在CSS3中设置旋转点？

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

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

但它不工作…有什么build议吗？

Answer 1

这将设置您的元素的左上angular旋转枢轴点并旋转它：

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

看一眼.nav_item_txt类

http://jsfiddle.net/KHkX7/

Answer 2

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

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

 -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仔细阅读。; 它说没有主要的浏览器支持这个属性。