在CSS3中设定旋转点？ [英] Set rotation point in CSS3?

问题描述

是否可以在CSS3中设置旋转点？默认旋转点在50％，50％。
我尝试：

Is it possible to set the rotation point in CSS3? The default rotation point is at the 50%, 50%. I tried:

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

但它不工作...任何建议？

But it does not work... Any suggestions?

推荐答案

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

This will set the rotation pivot point on top-left corner of your element and rotate it:

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

查看.nav_item_txt类别

take a glance at .nav_item_txt class

http://jsfiddle.net/KHkX7/

这篇关于在CSS3中设定旋转点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！