animation

[CSS] CSS 애니메이션 (Transform, Transition, Animation)

Transform, Transition, Animation은 전부 css3 의 언어에 등장하는 속성 1. Transform transfrom은 특정 영역을 회전시키거나, 확대/축소 시키거나 각도를 변경하여 비틀거나 위치를 변경하는 등의 효과를 적용할 때 사용 1.1 rotate, scale, skew, translate .transition { transfrom: rotate(45deg); /* 회전 */ transform: scale(2,3); /* 확대 축소 */ transform: skew(10deg, 20deg); /* 각도 변경 */ transform: translate(100px; 200px); /* 위치 변경 */ } .rotate(angle): 입력한 각도만큼 회전하며, 음수도 입력 가능 ..