Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Adicionando Atraso às Transições CSS | Criando Transições Suaves em CSS
Técnicas Avançadas de CSS

bookAdicionando 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.html

index.css

index.css

copy
question mark

O que a propriedade transition-delay controla?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.04

bookAdicionando 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.html

index.css

index.css

copy
question mark

O que a propriedade transition-delay controla?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5
some-alt