CSS3 transform 사용법 (matrix 포함)
CSS3의 2D 및 3D 변형 효과를 표현할 수 있는 Transform 매소드에 대한 내용입니다. 포토샵에서도 transform 메뉴가 있는데, 이미지를 기울일수도 있고 회전시킬수도 있습니다. 특정 부위를 휠 수도 있고 3D효과처럼 기울어진 효과도 가능합니다. 먼저 transform의 스타일 요소를 살펴보도록 하겠습니다. scale - 크기를 변형함 skew - 기울어짐을 변형함 rotate - 회전을 줌 translate - 위치를 이동함 perspective - 3D효과를 위한 원근감을 부여함 (부모요소에 적용시킴) matrix - perspective를 제외한 모든 요소들을 한번에 일괄 적용시킴 대략 이 정도가 됩니다. 그리고 아래의 이미지를 한번 봐주시기 바랍니다. 3D를 구성하는 가장 기본 축 ..