‹ CSS

transition / duration / ease / delay

Controla cambios suaves entre estados. transition define las propiedades animadas, duration la duracion, ease la curva y delay el retraso.

Vista previa

Codigo

ejemplo.html
<button class="bg-blue-500 hover:bg-blue-700 text-white px-4 py-2 rounded transition duration-300 ease-in-out delay-100">
  Pasa el cursor
</button>