animated loader

<style>
    #loader-ball-1 {
        animation-delay: 100ms;
        animation-fill-mode: both;
    }

    #loader-ball-2 {
        animation-delay: 300ms;
        animation-fill-mode: both;
    }

    #loader-ball-3 {
        animation-delay: 500ms;
        animation-fill-mode: both;
    }
</style>

<div class="flex gap-2">
    <span id="loader-ball-1" class="w-4 h-4 bg-slate-900 rounded-full animate-bounce"></span>
    <span id="loader-ball-2" class="w-4 h-4 bg-slate-900 rounded-full animate-bounce"></span>
    <span id="loader-ball-3" class="w-4 h-4 bg-slate-900 rounded-full animate-bounce"></span>
</div>