애니메이션

CSS 애니메이션을 사용하면 JavaScript 또는 Flash를 사용하지 않고도 HTML 요소를 애니메이션으로 만들 수 있습니다.
애니메이션을 사용하면 요소가 한 스타일에서 다른 스타일로 점진적으로 변경됩니다.
원하는 만큼 많은 CSS 속성을 변경할 수 있습니다

@keyframes

CSS 애니메이션을 사용하려면 먼저 @keyframes을 지정해야 합니다.
@keyframes은 특정 시간에 요소의 스타일을 유지 합니다.

@keyframes animation-name {
    keyframes-selector {css-styles;}
}