Configuración de la Duración de la Transición para Efectos
Utilizamos la propiedad transition-duration para especificar el tiempo durante el cual debe ocurrir la transición. Esta propiedad se expresa en segundos (por ejemplo, 3s o 0.45s) o milisegundos (por ejemplo, 3000ms o 450ms). Cuando la duración de una transición no se define explícitamente, el cambio ocurre de forma instantánea.
transition-duration: 3s | 3000ms;
Ejecutar el siguiente ejemplo para observar los diferentes comportamientos posibles. Pase el cursor sobre el contenedor y la transición comenzará para todos los elementos. La diferencia radica en la duración de la transición.
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you explain what happens if I use different durations for different properties?
What is the default value for `transition-duration`?
Can you show more examples of using `transition-duration`?
Genial!
Completion tasa mejorada a 2.08Configuración de la Duración de la Transición para Efectos
Desliza para mostrar el menú
Utilizamos la propiedad transition-duration para especificar el tiempo durante el cual debe ocurrir la transición. Esta propiedad se expresa en segundos (por ejemplo, 3s o 0.45s) o milisegundos (por ejemplo, 3000ms o 450ms). Cuando la duración de una transición no se define explícitamente, el cambio ocurre de forma instantánea.
transition-duration: 3s | 3000ms;
Ejecutar el siguiente ejemplo para observar los diferentes comportamientos posibles. Pase el cursor sobre el contenedor y la transición comenzará para todos los elementos. La diferencia radica en la duración de la transición.
index.html
index.css
¡Gracias por tus comentarios!
