<single-animation-direction>

애니메이션에 사용되는 키프레임의 진행 방향을 지정한다.

CSS Animations Level 1

normal | reverse | alternate | alternate-reverse

키워드	요약
alternate	키프레임의 설정된 순서에 따라서 시작 키프레임에서 마지막 키프레임으로 애니메이션을 실행한 후 이어서 마지막 키프레임에서 시작 키프레임으로 역방향으로 애니메이션을 실행한다.
alternate-reverse	키프레임의 설정된 순서에 따라서 마지막 키프레임에서 시작 키프레임으로 애니메이션을 실행한 후 시작 키프레임에서 마지막 키프레임으로 역방향으로 애니메이션을 실행한다.
normal	키프레임의 설정된 순서에 따라서 시작 키프레임에서 마지막 키프레임으로 애니메이션을 실행한다.
reverse	키프레임의 설정된 순서에 따라서 마지막 키프레임에서 시작 키프레임으로 역방향으로 애니메이션을 실행한다.

Modules
Module Name	Status	Summary
CSS Animations Level 1	초안 작업	Last review date: 2022-12-6

CSS Reference
HTML
JavaScript
Development