

Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Com o advento de novas especificações HTML5 e CSS3, muitas técnicas avançadas se tornaram possíveis, como animações e transformações. Essas técnicas permitem criar experiências de usuário mais ricas e interativas. Em CSS, qual das seguintes declarações cria uma animação que faz com que um elemento alterne sua opacidade entre 0 e 1 a cada 2 segundos?
@keyframes fade {
from { opacity: 0; }
to { opacity: 1; }
}
.element {
animation: fade 2s infinite;
}
@keyframes fade {
0% { opacity: 0; }
100% { opacity: 1; }
}
.element {
animation: fade 2s steps(2, end);
}
@keyframes fade {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
.element {
animation: fade 2s infinite;
}
@keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
.element {
animation: fade 2s linear infinite;
}
@keyframes fade {
0% { opacity: 0.5; }
100% { opacity: 1; }
}
.element {
animation: fade 2s infinite alternate;
}


Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.