CSS3 애니메이션 효과 html5와 CSS3가 나오기 전에는 애니메이션을 만들기 위해서 자바스크립트를 이용해야 하는 경우가 대부분이었지만 이제는 CSS3의 효과만 이용해서도 간단하게 애니메이션 효과를 만들 수 있게 됐는데요. 이번 글에서는 그 내용들을 살펴보고 예제를 만들어서 직접 구현해보는 과정을 살펴보겠습니다. animation에서 사용되는 속성은 얼마의 시간 동안 실행할지 지정해주는 duration 속성이 있고요. 어떤 요소에 특정 애니메이션을 적용하기 위해서 이름을 붙여주는 animation-name 속성입니다. 다시 말해 여러 개의 애니메이션을 정의할 수 있는 @keyframes 속성에서 aaa라는 애니메이션을 정의해 놨다면 특정 요소에서 animation-name 속성값에 aaa를 넣어주면 ..