Можно ли установить точку поворота в CSS3? Точка вращения по умолчанию - 50%, 50%. Я пробовал:
-webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%;
Но это не сработает... Любые предложения?
Установить точку поворота в CSS3?
Ответ 1
Это установит точку поворота поворота в верхнем левом углу вашего элемента и повернет ее:
-webkit-transform: rotate(-25deg);
-webkit-transform-origin: 0% 0%;
взгляните на класс .nav_item_txt
Ответ 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 и внимательно прочитайте. он говорит, что ни один из основных браузеров не поддерживает это свойство.