⌘ K
esc

    Animation Delay

    Defines the delay for the start a animation.

    Classes
    Class Properties
    animation-delay-100 animation-delay: 100ms;
    animation-delay-150 animation-delay: 150ms;
    animation-delay-200 animation-delay: 200ms;
    animation-delay-300 animation-delay: 300ms;
    animation-delay-400 animation-delay: 400ms;
    animation-delay-500 animation-delay: 500ms;
    animation-delay-1000 animation-delay: 1000ms;
    Examples
    scalein
    scalein
    scalein
    
    <div class="card">
        <div class="flex flex-wrap align-items-center justify-content-center card-container blue-container">
            <div class="scalein animation-delay-200 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">scalein</div>
            <div class="scalein animation-delay-300 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">scalein</div>
            <div class="scalein animation-delay-500 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">scalein</div>
        </div>
    </div>