- animation-name: 애니메이션의 중간 상태를 지정하기 위한 이름을 정의한다.
- animation-duration: 한 cycle의 애니메이션이 얼마에 걸쳐 일어날지 지정한다.
- animation-delay: 엘리먼트가 로드된 후 언제 애니메이션이 시작될지 지정한다.
- animation-direction: 애니메이션이 종료된 후 다시 처음부터 시작할지 역방향으로 진행할지 지정한다.
- animation-iteration-count: 애니메이션이 몇 번 반복될지 지정한다.
- animation-play-state: 애니메이션을 멈추거나 다시 시작할 수 있다.
- animation-timing-function: 중간 상태의 전환을 어떤 시간간격으로 진행할지 지정한다.
- animation-fill-mode: 애니메이션이 시작되기 전이나 끝나고 난 후 어떤 값이 적용될지 지정한다.
- keyframe: 개발자가 애니메이션 중간중간의 특정 지점들을 거칠 수 있는 키프레임들을 설정함으로써 CSS 애니메이션 과정의 중간 절차를 제어할 수 있게 한다.