Question

What is the correct keyframes code to change the background color of an element mid-way? @keyframes animation { 0%{background-color: red} 50%{background-color: blue} 100%{background-color: red} } @keyframes animation { 0%{background-color: red} 40%{background-color: blue} 60%{background-color: blue} 100%{background-color: red} } @keyframes animation { from{transform:translateY(0%); background-color: red;} to{transform:translateY(100%); background-color: blue;} } none of the above

Answer 1

Answer:

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