how to rotate circles in web?

Question

im developing a game in which a circle rotates. im guessing this is easy, does anyone know how to turn a circle in html/css/js? it is going to be a js function that rotates the circle, i cant figure out what to have the function modify.

Answer 1

You can use CSS3's animation feature for this:

.circle {animation-name: rotate;
animation-duration: 3s;
}

@keyframes rotate {
0% {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

Answer 2

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

Answer 3

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