`duration-*`

Define la duracion de una transicion. Valores: 75, 100, 150, 200, 300, 500, 700, 1000 (en milisegundos).

Vista previa

Codigo

ejemplo.html

<div class="flex gap-4">
  <button class="bg-blue-500 hover:bg-blue-700 text-white px-4 py-2 rounded transition duration-150">150ms</button>
  <button class="bg-green-500 hover:bg-green-700 text-white px-4 py-2 rounded transition duration-700">700ms</button>
</div>