Установить точку поворота в CSS3?

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

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

Но это не сработает... Любые предложения?

Ответы

Ответ 1

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

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

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

http://jsfiddle.net/KHkX7/

Ответ 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;

Ответ 3

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