AAtomic CSS

animation-iteration-count

애니메이션 반복 횟수를 설정합니다. aicinf는 로딩 스피너, 펄스 효과 등 지속적인 애니메이션에 사용합니다.

클래스 목록

클래스CSS설명
aicinfanimation-iteration-count: infinite무한 반복

사용 예시

주로 animation-direction과 함께 사용합니다.

<!-- 무한 반복 로딩 스피너 -->
<div class="aicinf adial">
  로딩 중...
</div>

<!-- 무한 펄스 효과 -->
<div class="aicinf adial">
  새 알림이 있습니다
</div>

팁

대표적 사용처

로딩 스피너, 깜빡이는 커서, 펄스 효과, 배경 그라데이션 애니메이션 등 지속적으로 반복해야 하는 모든 애니메이션에 사용합니다.

성능 주의

무한 반복 애니메이션은 성능에 영향을 줄 수 있습니다. 화면에 보이지 않을 때는 애니메이션을 중단하는 것이 좋습니다.

animation-direction