I am still having an issue with the next challenge. The cubic bezier units are correct but it is stating i made a change to ball2 which i did not. i checked at least 10 times redoing it. im having the same problem with the previous challenge

Tell us what’s happening:

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: cubic-bezier( .25, .25, .75, .75);
}
#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/70.0.3538.102 Safari/537.36 Edge/18.18362.

Challenge: Learn How Bezier Curves Work

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/learn-how-bezier-curves-work

The code you posted passed for me. I am using Google Chrome browser, what are you using?

I know there have been some issues recently with some browsers and some CSS animation challenges. They are working on updating them.

See Corrected code. still no luck. the curriculum is stelling me this code is wrong and will not allow me to complete challenge. so frustrated