Javascript 旋转css 3d对象不会'；我不能正常工作

首先，看看这个JSFIDLE：

函数spinit（）{
var-box=document.getElementById（'box'）；
box.style.transform=box.style.webkitttransform='rotateX（-20度）rotateY（360度）'；
}
setTimeout（spinit（），1000）

---

这意味着有一个开放式顶部的三维矩形棱镜。是的。我还想让它旋转360度。我包含了一个小js函数来实现这一点，但它不起作用。它适用于任何其他值，但不适用于360！我认为它正试图通过将360度转换为0来简化它，因为它对大多数事情都是一样的，但对动画来说不是。以前也有另一个问题，但我解决了，并在下面给出了答案。动画可与其他值一起使用（例如，尝试将360更改为180），但不能使用360。我想试试359，但它只是朝相反的方向旋转了1度。

好吧，我讨厌回答我自己的问题，但我发现了为什么旋转的原点被搞砸了。box元素应该应用了以下css属性：

height: 100%;
width: 100%;

然而，新的JSFIDLE仍然存在360度旋转的问题，请回答

height: 100%;
width: 100%;