Hello,
I’m getting an “Error: Request errror: 0” in the test output area for the @keyframes and animation Properties Work lesson for the code below. I was able to complete the lesson after, “Use CSS Animation to Change the Hover State of a Button,” with no issues. Is this a bug or is something wrong with my browser or code? Thank you!
<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% {
background-color: green;
}
100% {
background-color: yellow;
}
}
</style>
<div id="rect"></div>