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

が

http://jsfiddle.net/KHkX7/

Answer 2

だけhttp://www.w3schools.com/cssref/css3_pr_rotation-point.aspに行く.nav_item_txtクラスで一目を取ります注意深く読んでください。 これは、主要なブラウザのどれもがこのプロパティをサポートしていないと言います。

Answer 3

（すべてのターゲットを含む）要素の右上の点に回転させるための

...回転点がサポートされていない、代わりに変換-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;