在CSS3中设置旋转点?

kug*_*sha 38 css css-transforms

是否可以在CSS3中设置旋转点?默认旋转点为50%,50%.我试过了:

transform: rotate(230deg); 
rotation-point:90% 90%;
Run Code Online (Sandbox Code Playgroud)

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

小智 39

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

transform: rotate(-25deg);
transform-origin: 0% 0%;
Run Code Online (Sandbox Code Playgroud)

看一下.nav_item_txt类

http://jsfiddle.net/KHkX7/


spr*_*aff 12

使用transform-origin CSS属性:

.class {
    transform-origin: 0 0;
}
Run Code Online (Sandbox Code Playgroud)


小智 9

尝试使用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;
Run Code Online (Sandbox Code Playgroud)