47

CSSで回転点を設定することはできますか？デフォルトの回転ポイントは50％、50％です。私は試した：

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

しかし、それは機能しません...何か提案はありますか？

4

4 に答える 4

55

これにより、要素の左上隅に回転ピボットポイントが設定され、回転します。

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

.nav_item_txtクラスを一瞥する：

http://jsfiddle.net/KHkX7/

于 2012-11-22T11:17:54.333 に答える
15

transform- originCSSプロパティを使用します。

.class {
    transform-origin: 0 0;
}
于 2011-07-11T15:24:54.993 に答える
10

代わりにtransform-originプロパティを使用してみてください。rotation-pointはサポートされていません...

要素の右上のポイントで回転する場合（すべてのターゲティングを含む）：

-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
于 2013-11-27T12:47:01.167 に答える
0

http://www.w3schools.com/cssref/css3_pr_rotation-point.aspにアクセスして、注意深くお読みください。主要なブラウザはどれもこのプロパティをサポートしていないと書かれています。

于 2013-03-27T17:31:40.773 に答える