Applied Visual Design Run Test Issue

HTML-CSS
1

The test won’t acknowledge my code. It is definitely correct. I’ve looked at it about 100x. I can’t move forward. It keeps telling me to do what I’ve done.

Your code so far


<style>

 .balls {
   border-radius: 50%;
   background: linear-gradient(
     35deg,
     #ccffff,
     #ffcccc
   );
   position: fixed;
   width: 50px;
   height: 50px;
   margin-top: 50px;
   animation-name: bounce;
   animation-duration: 2s;
   animation-iteration-count: infinite;
 }
#ball1 {
   left:27%;
   animation-timing-function: linear;
 }
 #ball2 {
   left:56%;
   animation-timing-function: ease-out;
 }

 @keyframes bounce {
   0% {
     top: 0px;
   }
   100% {
     top: 249px;
   }


</style>

<div class="balls" id="ball1"></div>
<div class="balls" id="ball2"></div>

Your browser information:

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

Challenge: Change Animation Timing with Keywords

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/change-animation-timing-with-keywords

3

Thank you. I’ll download Chrome.

4

you can always move forward, go to the list of challenges and click on the next one