animation

animation 속성은 움직임을 표현합니다.

특징	설명
기본 값	animation-name: none animation-duration: 0s animation-timing-function: ease animation-delay: 0s animation-iteration-count: 1 animation-direction: normal animation-fill-mode: none animation-play-state: running
상속	안됨
애니메이션	안됨
버전	CSS3

Definition

• animation 속성은 움직임을 표현합니다.

Syntax

animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state;

Property

속성 값	설명
name	애니메이션 keyframe 이름을 설정합니다.
duration	애니메이션 움직임 시간을 설정합니다.
timing-function	애니메이션 움직임 속도를 정의합니다.
delay	애니메이션이 로드된 후 애니메이션이 시작될 때 까지의 시간을 나타냅니다.
iteration-count	애니메이션 반복 횟수 설정합니다.
direction	애니메이션 움직임 방향을 설정합니다.
fill-mode	애니메이션이 끝난 후의 상태를 설정합니다.
play-state	애니메이션 진행상태를 설정합니다.
inherit	애니메이션 속성 상위 요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state