CSS Types

CSS Types

Editing

〈single-animation-direction〉

데브딕에서 지정한 색인용 자료 타입니다.

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

사용되는 키워드

키워드요약
alternate

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

alternate-reverse

키프레임의 설정된 순서에 따라서 마지막 키프레임에서 시작 키프레임으로 애니메이션을 실행한 후 시작 키프레임에서 마지막 키프레임으로 역방향으로 애니메이션을 실행한다.

normal

키프레임의 설정된 순서에 따라서 시작 키프레임에서 마지막 키프레임으로 애니메이션을 실행한다.

reverse

키프레임의 설정된 순서에 따라서 마지막 키프레임에서 시작 키프레임으로 역방향으로 애니메이션을 실행한다.

지원 웹브라우저