3 CSS로 애니메이션 만들기
animation- 속성은 GIF나 플래시처럼 웹 사이트에 다양한 애니메이션 효과를 적용할 때 사용합니다. 크기, 위치, 회전, 배경색 등 CSS 언어가 제공하는 대부분의 속성에 시간과 방향을 지정하여 애니메이션 효과를 만듭니다. animation- 속성이 등장하면서 자바스크립트와 제이쿼리(jQuery) 없이도 간단한 애니메이션 효과를 쉽게 구현할 수 있게 되었습니다.
예제 소스 Exercise/10장/2_transition/index.html
<div id="animation"></div>