animation-direction

애니메이션 재생 방향을 제어합니다. adial은 핑퐁(왕복) 애니메이션에 사용합니다.

클래스 목록

클래스	CSS	설명
`adin`	animation-direction: normal	정방향 재생 (기본값)
`adir`	animation-direction: reverse	역방향 재생
`adial`	animation-direction: alternate	왕복 재생 (정방향 → 역방향)
`adialr`	animation-direction: alternate-reverse	역왕복 재생 (역방향 → 정방향)

<!-- 왕복 애니메이션 -->
<div class="adial aicinf">
  부드럽게 왕복하는 요소
</div>

<!-- 역방향 재생 -->
<div class="adir">
  역방향으로 재생되는 요소
</div>