CSS - transform: rotate, scale, translate, skew (애니메이션 효과)
transform 요소의 모양, 크기 및 위치를 변경하는 데 사용된다. 다양한 변형 함수를 사용하여 요소를 회전(rotate), 크기 조정(scale), 이동(translate), 기울이기(skew) 등을 할 수 있다. 공통적으로 x, y, z축 또는 3D(x,y,z) 방향으로 변경한다. x축은 가로방향, y축은 세로방향, z축은 3D 변환에서 사용된다. x, y, z축을 함축해서 사용 할 수도 있는데 이때는 x, y, z축 순으로 작성한다. 여러 속성을 함께 사용하여 요소에 다양한 변형을 적용할 수 있다. 시각적 모양을 동적으로 변경하기 위해 주로 사용되며, 다양한 애니메이션 효과를 구현하는 데도 자주 활용된다. 애니메이션 효과를 구현할때 자연스러운 움직임을 위해 transition 속성을 함께 사용한..