`animate-*`

Incluye animaciones listas para usar: spin (giro continuo), ping (eco), pulse (parpadeo) y bounce (rebote).

Vista previa

Codigo

ejemplo.html

<div class="flex items-center gap-6">
  <div class="w-8 h-8 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></div>
  <div class="w-4 h-4 bg-green-500 rounded-full animate-ping"></div>
  <div class="w-8 h-8 bg-purple-500 rounded animate-pulse"></div>
  <div class="w-4 h-4 bg-orange-500 rounded-full animate-bounce"></div>
</div>