Question

What is the correct keyframes code to change the background color of an element mid-way?

A)@keyframes animation {
0%{background-color: red}
50%{background-color: blue}
100%{background-color: red}
}

b)@keyframes animation {
0%{background-color: red}
40%{background-color: blue}
60%{background-color: blue}
100%{background-color: red}
}

c)@keyframes animation {
from{transform:translateY(0%); background-color: red;}
to{transform:translateY(100%); background-color: blue;}
}

d)none of the above

Answer 1

Explanation:

b)@keyframes animation {

0%{background-color: red}

40%{background-color: blue}

60%{background-color: blue}

100%{background-color: red

okkkkkkkkkkkkkkkkkkkkkkkk dera