Https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work

div { height: 40px; width: 70%; background: black; margin: 50px auto; border-radius: 5px; } #rect { animation-name: rainbow; animation-duration: 4s; } @keyframes rainbow { 0% { background-color : Blue; } 50% { background-color: green; } 100% { background-color: yellow; } }

The @keyframes rule for rainbow should use a background-color of blue at 0%…
how can i fix this error?

What is going on? What are you trying to do? What part do you need help with? What errors are you experiencing? What else have you tried while attempting to solve the problem?

I set the “background-color to blue” in code but at runtime it give me te error below
“The @keyframes rule for rainbow should use a background-color of blue at 0%.”

Maybe it is a capitalisation issue

I checked. lowercase is also raising same error.

And the space between rule and two dots?