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-origin CSS 属性:

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

尝试改用 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;
于 2013-11-27T12:47:01.167 回答
0

只需访问http://www.w3schools.com/cssref/css3_pr_rotation-point.asp并仔细阅读。它说没有一个主要的浏览器支持这个属性。

于 2013-03-27T17:31:40.773 回答