JAVASCRIPT

js transition

document.getElementById("myId").style.transform += "rotate(90deg)";
document.getElementById("myId").style.transitionDuration = "0.3s";

transition css with js

const element=document.queryselector("div");
const x=1deg;
const y=1deg;
const z=1deg;
const scl=1rem;//%,px,pt ect
//quick inline style
element.style.transform=`rotatex(${x})rotatey(${y})rotatez(z)translate(0,0)scale(${scl})translate3d(0,0,0)rotate3d(0,1,0,45deg)`
// or element.style=`whatever css; transform:rotatex(${x})rotatey(${y})rotatez(z)translate(0,0)scale(${scl})translate3d(0,0,0)rotate3d(0,1,0,45deg)`