[HTML/CSS] transform 올바른 작성법

이번 글은 transform 속성 작성 시 실수할 수 있는 부분에 대한 글이다.

---

 

아래 코드와 같이 작성되어 있는 경우 두 transform 중 아래에 있는 transform이 최종적으로 실행되며 위의 transform을 덮어쓰게 된다.

transform: rotate(-30deg);
transform: skew(20deg);

 

따라서 아래 코드와 같이 한 줄로 작성해줘야한다.

transform: rotate(-30deg) skew(20deg);

 

---