Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Añadir Retardo a las Transiciones CSS | Creación de Transiciones Suaves en CSS
Técnicas Avanzadas de CSS

bookAñadir Retardo a las Transiciones CSS

La propiedad transition-delay determina el intervalo de tiempo antes de que comience una animación de transición. Puede utilizarse para crear secuencias de transición en varios elementos.

transition-delay: 0.5s | 500ms;

Por defecto, el tiempo de retraso está establecido en 0 segundos.

Considere el siguiente ejemplo. Al pasar el cursor sobre el cuadrado, la animación de transición comenzará en 1 segundo, ya que el transition-delay está configurado en 1000 milisegundos.

index.html

index.html

index.css

index.css

copy
question mark

¿Qué controla la propiedad transition-delay?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you show me the full CSS example with the transition-delay in use?

What other properties can be combined with transition-delay for more complex animations?

How does transition-delay interact with multiple transitions on the same element?

Awesome!

Completion rate improved to 2.04

bookAñadir Retardo a las Transiciones CSS

Desliza para mostrar el menú

La propiedad transition-delay determina el intervalo de tiempo antes de que comience una animación de transición. Puede utilizarse para crear secuencias de transición en varios elementos.

transition-delay: 0.5s | 500ms;

Por defecto, el tiempo de retraso está establecido en 0 segundos.

Considere el siguiente ejemplo. Al pasar el cursor sobre el cuadrado, la animación de transición comenzará en 1 segundo, ya que el transition-delay está configurado en 1000 milisegundos.

index.html

index.html

index.css

index.css

copy
question mark

¿Qué controla la propiedad transition-delay?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 5
some-alt