traduire vs transformer origine css3

Je me demandais si quelqu'un pouvait m'aider. J'ai eu de la difficulté à comprendre ce qui est exactement la propriété css3: transform-origin. Je n'arrive pas à suivre la direction qu'il est en mouvement.

Ainsi, par exemple, disons que vous avez un carré div, et vous tournez à 40 degrés. et puis vous effectuez une transform-origin: 100% 0%. ne pouvez-vous pas juste faire un translateX(and some value)? Il semble que translateX va le déplacer le long de l'axe x à l'égard de la nouvelle rotation de l'axe après avoir effectué une rotation. Je n'arrive pas à suivre ce que transform-origin est en train de faire, ou ce qu'est exactement il est.

Façon claire et approfondie exemple serait très apprécié. =)

Quelques exemples ici: medium.com/hexacta-engineering/...

OriginalL'auteur Sasha | 2011-12-25