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

<div class="flex flex-wrap align-items-center justify-content-center">
    <div class="scalein animation-delay-200 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">
        scalein
    </div>
    <div class="scalein animation-delay-300 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">
        scalein
    </div>
    <div class="scalein animation-delay-500 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">
        scalein
    </div>
</div>