перевод против трансформации происхождения css3 - PullRequest
16 голосов
/ 25 декабря 2011

Мне было интересно, может ли кто-нибудь мне помочь. У меня были проблемы с пониманием, что именно является свойством css3: transform-origin. Кажется, я не могу следовать в направлении, в котором он движется.

Так, например, допустим, у вас есть квадратный div, и вы поворачиваете его на 40 градусов. а затем вы выполняете transform-origin: 100% 0%. ты не можешь просто сделать translateX(and some value)? Кажется, что translateX будет перемещать его вдоль оси x относительно вновь повернутой оси после выполнения поворота. Кажется, я не могу понять, что делает transform-origin или что именно это делает.

Я хотел бы получить четкий и подробный пример. =)

1 Ответ

29 голосов
/ 25 декабря 2011

transform-origin изменяет точку, в которой элемент преобразуется, а не перемещает весь элемент (как это сделал бы перевод).Значение по умолчанию transform-origin: 50% 50%;.

Вот иллюстрация: http://jsfiddle.net/joshnh/73g7t/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...