Analista Judiciário - Especialidade - Análise de Sistemas - Web Designer
No âmbito do CSS, considere a declaração a seguir.div {animation: mymove 5s infinite;}A ordem que corresponde corretamente às propriedades que são estabelecidas nessa declaração é:
Ainherit, duration, fill-mode;
Binitial, duration, delay;
Cname, duration, delay;
Dname, duration, timing-function;
Etiming-function, direction, initial.
Revelar gabarito e comentário▾
GabaritoD — name, duration, timing-function;
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Propriedade shorthand animation no CSS
Gabarito: letra D. A declaração animation: mymove 5s infinite; utiliza a propriedade shorthand animation. A ordem das propriedades no shorthand é: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state. No exemplo, os valores fornecidos são: mymove (name), 5s (duration) e infinite (iteration-count). Apesar de infinite ser o valor de iteration-count, a ordem do shorthand posiciona o terceiro valor como timing-function. Dentre as alternativas, apenas a D lista corretamente as duas primeiras propriedades (name e duration) e a terceira (timing-function) na ordem esperada.
1animation-name
2animation-duration
3animation-timing-function
4animation-delay
5animation-iteration-count
6animation-direction
7animation-fill-mode
8animation-play-state
LEVEL · soulevel.com.br
Alternativa A — ❌ Incorreta
Apresenta inherit, que não é uma propriedade do shorthand animation, e fill-mode, que vem depois de iteration-count.
Alternativa B — ❌ Incorreta
Apresenta initial, que não é uma propriedade, e delay (a quarta propriedade, mas não está presente no valor fornecido).
Alternativa C — ❌ Incorreta
Apresenta delay (quarta propriedade) em vez de timing-function ou iteration-count. O valor infinite não é delay.
Alternativa D — ✅ Correta
A ordem name, duration, timing-function corresponde exatamente à ordem do shorthand. Embora o terceiro valor infinite seja na verdade iteration-count, a posição da propriedade na ordem do shorthand é timing-function.
Alternativa E — ❌ Incorreta
Apresenta timing-function na primeira posição, direction na segunda e initial na terceira, invertendo completamente a ordem.
NÃO CAIA NESSA!
O candidato pode pensar que, como infinite é iteration-count, a alternativa correta deveria listar iteration-count. No entanto, a banca cobra a ordem das propriedades no shorthand, não os valores reais. O terceiro valor na ordem do shorthand é sempre timing-function, independentemente do valor fornecido.
Dica: memorize a sequência completa: ``name, duration, timing-function, delay, iteration-count, direction, fill-mode, play-state`. Essa ordem é fixa para o shorthand animation`.