css - 如何在 CSS 中为元素设置旋转点？

Question

是否可以在 CSS 中设置旋转点？默认旋转点在 50%、50%。我试过了：

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

但它不起作用......有什么建议吗？

score 55 · Accepted Answer

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

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

看看.nav_item_txt课堂：

score 15 · Accepted Answer

15

使用transform-origin CSS 属性：

.class {
    transform-origin: 0 0;
}

于 2011-07-11T15:24:54.993 回答

score 10 · Accepted Answer

尝试改用 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;

score 0 · Accepted Answer

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

4 回答 4