css3 中怎样实现div的2d，3d旋转？

css3 中怎样实现div的2d，3d旋转？

上面不是写的很清楚么
div
{
transform: rotateY(130deg);
-webkit-transform: rotateY(130deg); -moz-transform: rotateY(130deg); }

transform:rotateY(130deg);
-webkit-transform:rotateY(130deg);
-moz-transform:rotateY(130deg);

新建一个HTML文件粘过去:

2D 旋转

3D 旋转

html:

2D 旋转    

3D 旋转    
JS:
var x,y,n=0,ny=0,rotINT,rotYINT    
function rotateDIV()    
{    
x=document.getElementById("rotate1")    
clearInterval(rotINT)    
rotINT=setInterval("startRotate()",10)    
}    
function rotateYDIV()    
{    
y=document.getElementById("rotatey1")    
clearInterval(rotYINT)    
rotYINT=setInterval("startYRotate()",10)    
}    
function startRotate()    
{    
n=n+1    
x.style.transform="rotate(" + n + "deg)"    
x.style.webkitTransform="rotate(" + n + "deg)"    
x.style.OTransform="rotate(" + n + "deg)"    
x.style.MozTransform="rotate(" + n + "deg)"    
if (n==180 || n==360)    
{    
clearInterval(rotINT)    
if (n==360){n=0}    
}    
}    
function startYRotate()    
{    
ny=ny+1    
y.style.transform="rotateY(" + ny + "deg)"    
y.style.webkitTransform="rotateY(" + ny + "deg)"    
y.style.OTransform="rotateY(" + ny + "deg)"    
y.style.MozTransform="rotateY(" + ny + "deg)"    
if (ny==180 || ny>=360)    
{    
clearInterval(rotYINT)    
if (ny>=360){ny=0}    
}    
}