TRANSICIONES

Las transiciones proporcionan una forma de animar los cambios en las propiedades CSS en lugar de que sean instantáneos.

• Propiedades:
  • transition-property: Especifica los nombres de las propiedades CSS a las que se aplicarán las transiciones.
  • transition-duration: Especifica la duración en la que sucederán las transiciones.
  • transition-timing-function: Especifica la curva bézier para definir los valores intermedios para las propiedades.
  • transition-delay: Especifica el tiempo de espera entre que se modifica una propiedad y el inicio de la transición.

• Transición gradual aumentando la fuente durante 10s hasta 36px de tamaño de fuente.
• Transición que dura medio segundo en realizarse.
• Transición que comienza tras 2 segundos de delay.
• Usando ease-out(0.0, 0.0, 0.58, 1.0)
• Usando linear(0.0, 0.0, 1.0, 1.0).
• Usando curva bézier(0.2, 0.4, 0.7, 0.8)

Index