Can someone tell me what's wrong or what's missing?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hi,
I m a beginner and I am unable to figure out what’s wrong in my code.I watched the video and I think its the same as in video .Can someone plz guide me.

  **Your code so far**


<style>
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%{
    backround-color: green;
  }
  100%{
    backround-color: yellow;
  }
}




</style>
<div id="rect"></div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36

Challenge: Learn How the CSS @keyframes and animation Properties Work

Link to the challenge:

2

Spelling errors are the issue. So find those.

1 Like
3

ohh yeah,I checked it…It was a spelling mistake
Thanks for helping!!

4

Been there done that, it’s hard to spot on your own when you know what the word should be you don’t see the misspelling. When I’m not seeing an error in my logic I’ll copy and paste my code into a text editor that will help catch spelling errors.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.