animation-iteration-count
애니메이션 반복 횟수를 설정합니다. aicinf는 로딩 스피너, 펄스 효과 등 지속적인 애니메이션에 사용합니다.
클래스 목록
| <tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">클래스 | CSS | 설명 |
|---|---|---|
aicinf | animation-iteration-count: infinite | Infinite loop |
사용 예시
주로 animation-direction과 함께 사용합니다.
<!-- Infinite loading spinner -->
<div class="aicinf adial">
Loading...
</div>
<!-- Infinite pulse effect -->
<div class="aicinf adial">
You have new notifications
</div>팁
대표적 사용처
로딩 스피너, 깜빡이는 커서, 펄스 효과, 배경 그라데이션 애니메이션 등 지속적으로 반복해야 하는 모든 애니메이션에 사용합니다.
성능 주의
무한 반복 애니메이션은 성능에 영향을 줄 수 있습니다. 화면에 보이지 않을 때는 애니메이션을 중단하는 것이 좋습니다.