더북(TheBook)

CSS

 

6.8

변형 효과 적용하기

전환 효과 속성이나 애니메이션 속성은 요소의 속성을 변하게 하는 데 주 목적이 있는 속성들입니다. 그런데 요소의 크기를 변경하거나 위치를 이동하거나 회전시키는 것처럼 요소 자체를 변하게 하려면 변형(transform) 효과 속성을 사용해야 합니다. 변형 효과 속성은 CSS3에서 새로 추가된 속성으로, 단순하게 2D에서의 변형뿐만 아니라 3D에서의 변형도 가능합니다.

TIP | 이 책에서는 실무에서 자주 사용하는 2D 변형만 살펴봅니다. 만약 3D 변형도 궁금하다면 https://developer.mozilla.org/ko/docs/Web/CSS/transform을 참고해 주세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.