⌘ K
esc

    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="card">
        <div class="flex flex-wrap align-items-center justify-content-center card-container blue-container">
            <div class="scalein animation-duration-500 animation-iteration-1 flex align-items-center justify-content-center
        font-bold bg-blue-500 text-white 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-blue-500 text-white 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-blue-500 text-white border-round m-2 px-5 py-3">iteration-infinite</div>
        </div>
    </div>