[2021] Transiciones CSS {DH}



Transiciones CSS

Las transiciones CSS le permiten cambiar sin problemas los valores de propiedad durante un período de tiempo.

Desplácese sobre el elemento de abajo para ver un efecto de transición de CSS:

En este capítulo conocerá las siguientes propiedades:

  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function

Soporte del navegador para transiciones

Los números de la tabla indican la primera versión del navegador que es totalmente compatible con la propiedad.

propiedad
Reconciliación 26,0 10.0 16,0 6.1 12,1
Retraso de transición 26,0 10.0 16,0 6.1 12,1
Duración de la transición 26,0 10.0 16,0 6.1 12,1
Propiedad transitoria 26,0 10.0 16,0 6.1 12,1
Función de tiempo de transición 26,0 10.0 16,0 6.1 12,1

¿Cómo se utilizan las transiciones CSS?

Para crear un efecto de transición, debe especificar dos cosas:

  • la propiedad CSS a la que desea agregar un efecto
  • la duración de la acción

Nota: Si no se especifica la parte de duración, la transición no tiene ningún efecto porque el valor predeterminado es 0.

El siguiente ejemplo muestra un elemento

100px rojo * …


SEGUIR LELLENDO:
[2021] Transiciones CSS {DH}

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *