Learn CSS Animation by Building a Ferris Wheel - Step 24

HTML-CSS
1

Your .cabin selector should have an animation property set to cabins 10s ease-in-out infinite .
.cabin {
background-color: red;
width: 20%;
height: 20%;
position: absolute;
border: 2px solid;
transform-origin: 50% 0%;
animation: cabins 10s ease-in-out infinite;

}

I Dont know if this is a bug and why its not working with me.

2

Your code should be passing. You wouldn’t happen to be using Safari by any chance?

3

i had the same problem. I was using Safari when i encountered the same error. Then i saw this and switched to Google chrome. Thanks. :slight_smile:

4

I made a PR for it. We already fixed step 23 as it had the same issue with Safari.