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

可以在CSS中设置旋转点吗？默认旋转点位于50%，50%。 我试过：

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

使用CSS属性：

.class {
    transform-origin: 0 0;
}

---

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

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

浏览一下

.nav\u item\u txt

类：

只要去仔细阅读。

---

它表示没有一个主要浏览器支持此属性。

请尝试使用“变换原点”属性，因为不支持旋转点

用于在元素的右上角点旋转（包括所有目标）：

---

永远不要相信学校。。。是一个非常糟糕的信息来源

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

-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;