animation

[CSS 기초] Transition / Transform 효과 (간단한 애니메이션)

강의를 참고해 객체에 간단한 애니메이션을 주는 방법에 대해 알아봅니다. 먼저 CSS에는 애니메이션에 쓰일 Animation 속성이 있는가 하면 간단하게 바꿀 수 있는 Transition 과 Transform 속성이 있습니다. Transition은 속성을 서서히 변화시키는 효과, Transform은 객체를 회전시키거나 크기 조절, 이동, 기울임 등을 지정할 수 있는 속성입니다. Introduction Transition transition : property timing-function duration delay | initial | inherit property : 속성을 정할 수 있습니다. ex) width, background 등을 포함할 수 있습니다. timing-function : 트랜지션의 속도..