How to control over Css using JavaScript?

Question

suppose i have div box and i want to rotate or make its size increasing gradually or in other word is possible to animate the css property's cause i have never used it .

please give some example with explanation.

Answer 1

maybe @keyframes rule🤔

Answer 2

yes it's possible
box.style.transform="rotate(40deg)";

Answer 3

element.style.attributes
example:
box.style.position='absolute'

Answer 4

but if i animate it from 0 to 360deg rotation how can i make it up in JavaScript, onclick attribute.

Answer 5

element.onclick='element.style.transform="rotate(360)"'

Answer 6

@Blizz i know what you have given the example but my question is it possible animate like moving of and div element or rotating or what ever we can do in css is it possible on JavaScript. if Yes how