<div onmouseover="rotateYDIV()" id="rotate3D">3D</div>
<div onmouseover="rotateYDIV()" id="rotate3D">3D</div>
div{width:200px;height:200px;background:green;color:#fff;transform: rotate3d(0,0,0,99deg);text-align:center;font:bold 140px/200px Arial;}
div{width:200px;height:200px;background:green;color:#fff;transform: rotate3d(0,0,0,99deg);text-align:center;font:bold 140px/200px Arial;}
var x,y,n=0,ny=0,rotINT,rotYINT
var x,y,n=0,ny=0,rotINT,rotYINT
function rotateYDIV()
{
y=document.getElementById("rotate3D")
clearInterval(rotYINT)
rotYINT=setInterval("startYRotate()",10)
}
function startYRotate()
{
ny=ny+1
y.style.transform="rotate3d(" + ny + "," + (ny-5) + "," + ny + "," + ny + "deg)"
if (ny==180 || ny>=360)
{
clearInterval(rotYINT)
if (ny>=360){ny=0}
}
}