Untitled

<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;}

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}

  }

}