Fiz alguns testes para saber se as funções do transform são executadas da direita para a esquerda (<--) ou da esquerda para a direita (-->) e percebi que realmente são da esquerda para a direita (-->) contrariando o que nos foi ensinado.
Para fazer isso, criei um quadrado vermelho com uma <div> no rodapé do site e fiz diferentes translateX() com quantidades pequenas e grandes de translação além de intercalar rotações:
1 - Foto original sem nenhum transform:
2 - Foto com transform: translateX(250px);:
3 - Foto com transform: translateX(250px) rotate(45deg);:
(É fácil notar que a ordem não foi da direita para esquerda (<--) como nos é ensinado no curso, afinal, a ordem seria rotate(45deg) e depois translateX(250px), o que levaria o quadrado a transladar numa direção diagonal)
4 - Foto com transform: rotate(45deg) translateX(250px);:
( Novamente é clara a ordem de execução das funções rotate() e translateX(). Primeiro aplicou-se o rotate() e depois o translateX() )
5 - Foto com transform: translateX(250px) rotate(45deg) translateX(50px);:
Essa última foto é na verdade uma continuação da foto 3, após rotacionar, o quadrado foi para frente.
Se fôssemos seguir a ordem da direita para a esquerda (<--), o quadrado transladaria 50px na horizontal, rotacionaria 45° graus no sentido horário e depois transladaria 250px numa direção diagonal indo muito mais para baixo.
Porém é notório que ele transladou 250px na horizontal e depois rotacionou.
