要素を3D回転させる

回転のコード例

以下のコードは、x,軸 y軸, x軸ごとに90°ずつ回転させるものである。

let rotationAngle = 0;
function rotate3d(){
	rotationAngle += 90;
	img.style.transition = "transform 1s";
	img.style.transform = `rotateX(${rotationAngle}deg) 
	rotateY(${rotationAngle}deg) 
	rotateZ(${rotationAngle}deg)`;
	
	if (rotationAngle >= 360) {
		rotationAngle = 0;
	}
}