transform은 어떠한 엘리먼트가 있을 때
그 엘리먼트의 크기, 엘리먼트의 어떤 회전 또는 비틀기 정도를 설정하는 속성입니다.
위와 같이 포토샵에서 진행하던 작업들을 CSS의 transform을 사용하여 구현 할 수 있습니다.
transform에 사용 할 수 있는 속성은 매우 많고, 그에 따른 단위도 약간씩 다릅니다.
대표적으로 px, deg(각도를 설정하는 단위), rem/em 등등이 있습니다.
필요 할 때마다 아래의 CSS 명세서를 통해서 찾아보면 됩니다
transform - CSS: Cascading Style Sheets | MDN
The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
developer.mozilla.org
'프레임워크 > CSS' 카테고리의 다른 글
| [생활코딩] link & import (0) | 2022.02.06 |
|---|---|
| [생활코딩] transition (0) | 2022.02.06 |
| [생활코딩] blend (0) | 2022.02.05 |
| [생활코딩] filter (0) | 2022.02.05 |
| [생활코딩] background (0) | 2022.02.05 |
댓글