CSS

`transition`

Anima el cambio entre dos valores de una propiedad a lo largo de un tiempo determinado, en vez de que el cambio sea instantaneo.

Vista previa

Codigo

ejemplo.html

<style>
  .boton { padding: 10px 18px; background: #eee; transition: background 0.3s ease; }
  .boton:hover { background: #191919; color: #fff; }
</style>
<button class="boton">Pasa el cursor lentamente</button>