老师我想问一下，我打算把正方形倒置成菱形，然后以竖轴 旋转，在div 样式里面先rotatez(45deg) ，然后在调用函数的时候 

function Spin(){

var square=document.getElementById("square");

square.style.webkitTransform="rotateY("+degree+"deg)";

degree=degree+45;

}

运行结果是 将倒置好的菱形转成原来的正方形，再以y轴旋转是怎么回事

这个是css的代码（发代码给别人是不好的习惯，但是自己不知道应该用什么关键字用百度搜索..）

.spin{

width:300px;

height:300px;

background-color:black;

padding:20px;

-webkit-perspective:300px;

-webkit-perspective-origin:50% 50%;

-webkit-transform-style:preserve-3d;

-webkit-transform:rotateZ(45deg);

-webkit-transition: -webkit-transform 1s ease-in-out;

}