Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Atraso no Tempo de Transição | Transitions
Advanced CSS Techniques

Atraso no Tempo de TransiçãoAtraso no Tempo de Transição

A propriedade transition-delay determina o intervalo de tempo antes do início de uma animação de transição. Pode ser utilizada na criação de sequências de transições para diferentes elementos.

Por padrão, o tempo de atraso está configurado para 0 segundos.

Vamos considerar o seguinte exemplo. Quando passamos o cursor sobre o quadrado, a animação de transição começará em 1 segundo, já que o transition-delay está definido para 1000 milissegundos.

html

index.html

css

index.css

js

index.js

O que a propriedade "transition-delay" controla?

Selecione a resposta correta

Tudo estava claro?

Seção 3. Capítulo 5
course content

Conteúdo do Curso

Advanced CSS Techniques

1. Introdução

Visão Geral do CursoFoco do CursoTemas do CursoComo Ter Sucesso

2. Posicionamento do Item

O que é Posicionamento?Posicionamento RelativoDesafio: Posicionamento RelativoPosicionamento AbsolutoDesafio: Posicionamento AbsolutoPosicionamento FixoDesafio: Posicionamento FixoPosicionamento FixoDesafio: Posicionamento FixoOrdem de EmpilhamentoDesafio: Ordem de EmpilhamentoOverflow de Conteúdo

3. Transições

O que é Transição?Selecione a Propriedade de TransiçãoDuração da TransiçãoFunção de Tempo de TransiçãoAtraso no Tempo de TransiçãoCombinação de TransiçãoDesafio: Adicionar Transição

4. Animações

O que é Animação?Especificar o Tempo da AnimaçãoControle a Quantidade e Direção da AnimaçãoGerenciar Estado de AnimaçãoComposição de AnimaçãoDesafio: Adicionar Animação

5. Transformações

O que é Transformação?EscalaGirandoDesafio: Adicionar Escalonamento e RotaçãoTraduzirDistorcendo PerspectivaDesafio: Adicionar Tradução e Distorção

6. Sites e aplicativos adaptativos/responsivos

O que é Design Adaptativo/Responsivo?@media QueryAdaptativo - Layouts responsivosInspeccionando a Página da WebDesafio: Inspecionar Layout Adaptativo/Responsivo

7. Pré-processadores

O que é Pré-processador?Sintaxe SassVariáveis SassOperadores Numéricos do SassAninhamento em SassDiretiva @extendEstrutura de Pastas-Arquivos

Advanced CSS Techniques

Atraso no Tempo de TransiçãoAtraso no Tempo de Transição

A propriedade transition-delay determina o intervalo de tempo antes do início de uma animação de transição. Pode ser utilizada na criação de sequências de transições para diferentes elementos.

Por padrão, o tempo de atraso está configurado para 0 segundos.

Vamos considerar o seguinte exemplo. Quando passamos o cursor sobre o quadrado, a animação de transição começará em 1 segundo, já que o transition-delay está definido para 1000 milissegundos.

html

index.html

css

index.css

js

index.js

O que a propriedade "transition-delay" controla?

Selecione a resposta correta

Tudo estava claro?

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