transform: translateX(100px) rotate(45deg);
でアイテムが回転しながら右に移動するのは理解できました。

しかし、transform: rotate(45deg) translateX(100px) ;
だとなぜアイテムが回転しながら右下に移動するのかが、疑問です。