Adicionando Atraso às Transições CSS
A propriedade transition-delay
determina o intervalo de tempo antes do início de uma animação de transição. Pode ser utilizada para criar sequências de transição para diversos elementos.
transition-delay: 0.5s | 500ms;
Por padrão, o tempo de atraso é definido como 0
segundos.
Considere o exemplo a seguir. Ao passar o mouse sobre o quadrado, a animação de transição começará em 1
segundo, pois o transition-delay
está definido como 1000
milissegundos.
index.html
index.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.04
Adicionando Atraso às Transições CSS
Deslize para mostrar o menu
A propriedade transition-delay
determina o intervalo de tempo antes do início de uma animação de transição. Pode ser utilizada para criar sequências de transição para diversos elementos.
transition-delay: 0.5s | 500ms;
Por padrão, o tempo de atraso é definido como 0
segundos.
Considere o exemplo a seguir. Ao passar o mouse sobre o quadrado, a animação de transição começará em 1
segundo, pois o transition-delay
está definido como 1000
milissegundos.
index.html
index.css
Obrigado pelo seu feedback!