Competition: Spinners

Question

Animate a spinning fidget spinner.
the winner will be marked as the best answer (gets the most upvotes)

Haters no hate

good luck to all of you

Answer 1

@Antoine Bergerault:

If you're talking of the not centered rotation, you simply habe to right position the transformation origin, as center of image (or any element) is not necessarly the center of its content ^^

I've fixed the rotation in the below code, and let commented the Css rules I've had to debug/correct that position... as well as rewrote the JS code to avoid use of JS (heavy solution just for this simple purpose, easily doable with vanilla -- pure -- JS and not much longer) and aded responsiveness on Css:

https://code.sololearn.com/WoC5s2rxqz4O/?ref=app

Answer 2

I try but there is a strange thing in output and I don't know how to resolve it
https://code.sololearn.com/WB6Skm2NRXAe/?ref=app

Answer 3

Thank you for your improvement and thank you for writing my name on the source code