[ANIMATION] animation 속성

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

 

 

 

사용할 수 없는 animation-name

animation-name: 5name /* 숫자로 시작하는 경우 */
animation-name: #name /* 특수 문자로 시작하는 경우 */

 

 

animation-direction

- normal: 순방향으로 재생하며, 한 번 끝나면 첫 번째부터 다시 시작

- alternate: 순방향과 역방향 번갈아 재생

- reverse: 역방향으로 재생하며, 한 번 끝나면 마지막부터 다시 시작

- alternate-reverse: 역방향과 순방향 번갈아 재생

 

 

 

animation 끝에 정지

animation-fill-mode: both;