Responsive Web Design>Applied Visual Design>Learn How the CSS @keyframes and animation Properties Work
I have the animation working, but it wont give the option to advance to the next lesson and download the code. The animation runs as it’s supposed to, but the test output does not run in that section and just stays stuck on “running tests”
<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>
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:88.0) Gecko/20100101 Firefox/88.0
.
Challenge: Learn How the CSS @keyframes and animation Properties Work
Link to the challenge: