`delay-*`

Retrasa el inicio de una transicion. Valores: 75, 100, 150, 200, 300, 500, 700, 1000 (en milisegundos).

Vista previa

Codigo

ejemplo.html

<button class="bg-purple-500 hover:bg-purple-700 text-white px-4 py-2 rounded transition delay-300 duration-300">
  Espera 300ms antes de animar
</button>