Imagem de fundo

Com o advento de novas especificações HTML5 e CSS3, muitas técnicas avançadas se tornar...

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?




A

@keyframes fade {

from { opacity: 0; }

to { opacity: 1; }

}

.element {

animation: fade 2s infinite;

}


B

@keyframes fade {

0% { opacity: 0; }

100% { opacity: 1; }

}

.element {

animation: fade 2s steps(2, end);

}


C

@keyframes fade {

0% { opacity: 0; }

50% { opacity: 1; }

100% { opacity: 0; }

}

.element {

animation: fade 2s infinite;

}


D

@keyframes fade {

0% { opacity: 1; }

100% { opacity: 0; }

}

.element {

animation: fade 2s linear infinite;

}


E

@keyframes fade {

0% { opacity: 0.5; }

100% { opacity: 1; }

}

.element {

animation: fade 2s infinite alternate;

}