animation-iteration-count
애니메이션 반복 횟수를 설정합니다. aicinf는 로딩 스피너, 펄스 효과 등 지속적인 애니메이션에 사용합니다.
클래스 목록
| 클래스 | CSS | 설명 |
|---|---|---|
aicinf | animation-iteration-count: infinite | 무한 반복 |
사용 예시
주로 animation-direction과 함께 사용합니다.
<!-- 무한 반복 로딩 스피너 -->
<div class="aicinf adial">
로딩 중...
</div>
<!-- 무한 펄스 효과 -->
<div class="aicinf adial">
새 알림이 있습니다
</div>팁
대표적 사용처
로딩 스피너, 깜빡이는 커서, 펄스 효과, 배경 그라데이션 애니메이션 등 지속적으로 반복해야 하는 모든 애니메이션에 사용합니다.
성능 주의
무한 반복 애니메이션은 성능에 영향을 줄 수 있습니다. 화면에 보이지 않을 때는 애니메이션을 중단하는 것이 좋습니다.