I feel like its a backend problem?

So I followed the directions to a tea and inserted the new animation-timing-function: cubic-bezier, and it still seems to not work. the one step that’s incomplete is the exact step I fulfilled? any assistance?

  **Your code so far**

<style>
.balls{
  border-radius: 50%;
  position: fixed;
  width: 50px;
  height: 50px;
  margin-top: 50px;
  animation-name: bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#red {
  background: red;
  left: 27%;
  animation-timing-function: animation-timing-function: cubic-bezier (0, 0, 0.58, 1 .);
}
#blue {
  background: blue;
  left: 56%;
  animation-timing-function: ease-out;
}
@keyframes bounce {
  0% {
    top: 0px;
  }
  100% {
    top: 249px;
  }
}
</style>
<div class="balls" id= "red"></div>
<div class="balls" id= "blue"></div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 Safari/605.1.15

Challenge: Use a Bezier Curve to Move a Graphic

Link to the challenge:

Look at this line again, aren’t you repeating something here?

This line is the issue
animation-timing-function: animation-timing-function: cubic-bezier (0, 0, 0.58, 1 .);

You’ve added the property twice.
There’s also an extra period at the end of the value

unfortunately, it didnt work :((((( im not sure why but i fixed those two errors and nothing!!

In order to help further we need to see you current code.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

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