[생활코딩] transform

---

transform은 어떠한 엘리먼트가 있을 때

그 엘리먼트의 크기, 엘리먼트의 어떤 회전 또는 비틀기 정도를 설정하는 속성입니다.

위와 같이 포토샵에서 진행하던 작업들을 CSS의 transform을 사용하여 구현 할 수 있습니다.

 

 

transform에 사용 할 수 있는 속성은 매우 많고, 그에 따른 단위도 약간씩 다릅니다.

대표적으로 px, deg(각도를 설정하는 단위), rem/em 등등이 있습니다.

필요 할 때마다 아래의 CSS 명세서를 통해서 찾아보면 됩니다

transform - CSS: Cascading Style Sheets | MDN