애니메이션 속성

animation
-moz-animation	/* Firefox */
-webkit-animation	/* Safari   Chrome */
-o-animation	/* Opera */

1, animation-name: 선택기에 귀속되어야 하는 키프레임 이름을 규정합니다
2, animation-duration: 애니메이션을 완성하는 데 걸리는 시간을 초 또는 밀리초로 정하고 기본값은 0입니다
3, animation-timing-funtion: 속도 변화 곡선: 기본값 ease
linear: 등속 ease-in: 먼저 느려지고 빨라지는 ease-out: 먼저 느려지고 나중에 느려지는 ease-in-out: 느리다-빠르다-느리다
4,animation-delay: 애니메이션 시작 지연을 설정합니다. 기본값은 0입니다
5,animation-iteration-count: 애니메이션 중복 횟수 infinite는 무한하다
6,animation-direction:애니메이션 방향 설정:기본값은nomal
reverse: 반대방향alternate: 홀수회-정방향;짝수회-반대방향alternate-reverse: 홀수회-반대방향, 짝수회-정방향
7,animation-fill-mode:backwards:애니메이션이 완성되었을 때 애니메이션이 시작되었을 때의 상태를 유지forwards:애니메이션이 완성되었을 때 애니메이션이 끝났을 때의 상태를 유지한다
8,animation-play-state:
running:기본값, 애니메이션 실행
paused 애니메이션 일시 중지