Essa questão da ordem está confusa. Na aula 4.3 (Combinando Transformações) é dito: "Porém, quando colocamos mais de uma transformação, a ordem entre elas importa, já que o navegador as aplica da esquerda para a direita. Ou seja, no exemplo acima, a div será primeiro transladada e depois rotacionada."
div {
transform: translateX(20px) rotate(45deg);
}Friso novamente: "o navegador as aplica da esquerda para a direita".
No forum os orientadores dizem: "as operações são realizadas da direita para esquerda."
Em outra aula um orientador disponibilizou esse exemplo: https://codepen.io/alexandreaquiles/pen/xLjpew?editors=1100#0
Por esse exemplo acima a impressão é de que a ordem da operação é da esquerda para a direita.
Cada um diz uma coisa. Assim fica difícil. =/
