Ayuda por favor...

Question

es que nose cómo hacer para que se mueva el cuadrado 3d...intente desde js con
Var cub = document.getElementById(''cube") y después puse
Cub.style.transform = rorateX(por acá le pase una variable 'deg');
Intenté de todas formas cerrando todo en comillas poniendo esto lo otro .....como pueden ver en el código el transform esta después de -webkit-,también lo intente agregar sin los guiones pero nada😑 espero que me ayuden

Aquí el código:

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

Answer 1

Para tu problema, no te recomendaría usar css en este caso los estilos por JavaScript sino más bien poner una nueva clase(llamala como quieras) en el css donde hagas el transform: rotateY("deg a usar") y luego de eso pongas al var que usaste con style lo pones con x.classList.toggle("ClaseDeRotar");
Te pondré mi solución abajo de este comentario

Answer 2

Viendo tu código cuando usas style en JavaScript con transform debería ser así :

function animacion(){
pos += 3;
cube.style.transform = "rotateY(pos+'deg')";
}
setInterval(animacion, 1000);

Answer 3

La verdad q muchas gracias por responder y ayudarme
,ahí hice lo q entendí jeje

Q esta mal
?