Конфликт rotate и scale?

Question

[thehighhomie]

Ребят привет! пишу трансформер (элемент, который скейлится, премесщается, вращается, и все это на css свойстве transform - translate, rotate,scale ) и у меня возникла проблема:

если я увеличиваю элемент скейлом, то потом ротейт не правильно работает, он ведет себя после скейла таким образом, что больше похож на skew. и на оборот, если я поверну элемент ротейтом то потом при скейле он тоже слетает и ведет себя как skew. хотя все по отдельности хоршо работает, конфликт только у rotate и scale

как я понимаю надо еще что-то вычислить при скейле? подскажите в какую сторону копать?

Answer 1

[Сергей Соколов]

Говорят, что операции в transform() выполняются справа налево.

Попробуйте поменять местами scale() и rotate()

Comments

[Mikhail Osher]

Всё верно говорите про порядок

One or more of the CSS transform functions to be applied. The transform functions are multiplied in order from left to right, meaning that composite transforms are effectively applied in order from right to left.

[art style]

прикол, решил свою другую проблему таким образом