Установить точку вращения в CSS3?

Question

Можно ли установить точку поворота в CSS3?Точка вращения по умолчанию составляет 50%, 50%.Я пробовал:

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

Но это не работает ... Есть предложения?

Answer 1

Это установит точку поворота вращения в верхнем левом углу вашего элемента и повернет его:

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

взгляните на класс .nav_item_txt

http://jsfiddle.net/KHkX7/

Answer 2

Попробуйте вместо этого использовать свойство 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;

Answer 3

просто зайдите на http://www.w3schools.com/cssref/css3_pr_rotation-point.asp и внимательно прочитайте.он говорит, что ни один из основных браузеров не поддерживает это свойство.