Animation Iteration

Defines how many times an animation should run on an element.

Classes#

Class	Properties
animation-iteration-1	animation-iteration-count: 1;
animation-iteration-2	animation-iteration-count: 2;
animation-iteration-infinite	animation-iteration-count: infinite;

Examples#

iteration-1

iteration-2

iteration-infinite

<div class="flex flex-wrap align-items-center justify-content-center">
    <div class="scalein animation-duration-500 animation-iteration-1 flex align-items-center justify-content-center
        font-bold bg-primary border-round m-2 px-5 py-3">
        iteration-1
    </div>
    <div class="scalein animation-duration-500 animation-iteration-2 flex align-items-center justify-content-center
        font-bold bg-primary border-round m-2 px-5 py-3">
        iteration-2
    </div>
    <div class="scalein animation-duration-500 animation-iteration-infinite flex align-items-center justify-content-center
        font-bold bg-primary border-round m-2 px-5 py-3">
        iteration-infinite
    </div>
</div>