在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;