- Son efectos que permiten a un elemento cambiar de un estilo a otro progresivamente.
-
Para ello:
- Especificar la propiedad o propiedades CSS a la que se desea agregar un efecto.
-
Especificar la duración del efecto.
Propiedades de la transición
| Propiedad | Descripción |
| transition | Propiedad resumida que combina las 4 propiedades |
| transition-property | Especifica el nombre de la propiedad CSS al que se aplica la transición |
| transition-duration | El tiempo empleado en desarrollarse la transición. |
| transition-timing-function | Cómo se desarrolla la transición en el tiempo |
| transition-delay | Retraso en iniciarse la transición. |
Ejemplo
Pasa el ratón por la caja verde:
|
|
