7. 애니메이션 속성
애니메이션 속성은 HTML 요소에 적용된 스타일을 다른 스타일로 부드럽게 전환하게 합니다. 전환 효과 속성과 비슷하지만, 세부적으로 더 많은 기능을 내포하고 있습니다.
|
속성 |
설명 |
|
@keyframes |
애니메이션의 전체 속성을 정의합니다. |
|
animation-name |
애니메이션을 지정할 키 프레임명 지정합니다. |
|
animation-duration |
애니메이션의 지속 시간을 지정합니다. |
|
animation-delay |
애니메이션의 지연 시간을 지정합니다. |
|
animation-fill-mode |
애니메이션 실행 전과 종료 후의 상태를 지정합니다. |
|
animation-iterator-count |
애니메이션의 반복 횟수를 지정합니다. |
|
animation-play-state |
애니메이션의 진행/정지 상태를 정의합니다. |
|
animation-direction |
애니메이션의 진행 방향을 지정합니다. |
|
animation-timing-function |
애니메이션의 속도를 지정합니다. |
|
animation |
모든 애니메이션 관련 속성을 지정합니다. |