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
Awesome!
Completion rate improved to 2.04
Configuració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!