｛
transform: translateX(100px)  rotate(30deg);
｝

と書いた場合と

｛
transform: translateX(100px) ;
transform: rotate(30deg);
｝

と書いた場合で動きが違うのですが、これは後者のようにtransformを二つ書いてしまうと、最初のtransform: translateX(100px) ;があとのtransform: rotate(30deg);に上書きされてしまうという考えで合っていますか？