Why isn't transform rotate working?

Question

Here's my code
https://code.sololearn.com/WJ1nYEcYa5dF/?ref=app
@keyframes roll doesn't seem to be working when I put transform:rotate(360deg);

Answer 1

Hira Ali ❤
https://code.sololearn.com/W3Vz1cs9g72t/?ref=app

Answer 2

Calviղ Thank you! I was adding transform orgin to keyframes 😂😂

Answer 3

Calviղ Still not working 🤔

Answer 4

Hira Ali ❤ actually the black eyeballs are rotating. Just so you can't see that....just focus a little bit...there.
So you have to make the black eyeballs rotate around the white that's the logic...
I'm no CSS expert so I can't do that...just giving you a tip.

Answer 5

Try to add

transform-origin: 100% 100%;