apakah fungsi transform tidak bisa berada dalam satu div ?

jadi ane barusan belajar css 3 <a href='https://www.sekolahkoding.com/kelas/belajar-css3/video/translate-dan-rotate'>https://www.sekolahkoding.com/kelas/belajar-css3/video/translate-dan-rotate</a> trus coba gabungin kedua kodenya tapi selalu berakhir dengan hanya salah satu dari code tersebut yang jalan.

<div id="rotate"></div>
#rotate{
      width: 50px;
      height : 50px;
      background: red;
      transform: translateX(50px);
      transform: rotate(-30deg);
    }
<div id="sksk"></div>
#sksk{
      width: 50px;
      height : 50px;
      background: green;
      transform: skew(2deg,2deg);
      transform: scale(1.5,1.5);
    }