What is wrong with this code I am stuck

[code]

.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;
}
}

[/code]

I see nothing particularly wrong with this code, what’s the problem are you dealing with?

I don’t know, I keep trying to submit it and it won’t let me go any further in the lesson; it’s like that for the last 4 :triumph:

Please post a link to the challenge so we know which one it is.

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

Your code passes the tests for me. Which browser are you using?

I am currently using Microsoft Edge

If you can, try a different browser. I think the challenges work best in Chrome.

Little wonder, Microsoft edge has compatibility issues, you can always check with chrome or firefox to enjoy your experience