菜鸟求教!!!请大神指导下这两段代码的区别!!

代码1:
#experiment{
}
#box{
position:relative;
width:100px;
height:100px;
-webkit-perspective:500;
-webkit-perspective-origin: 50% 50%;
-webkit-transform-style:preserve-3d;
margin:100px auto;
}
代码2:
#experiment{
-webkit-perspective: 800;
-webkit-perspective-origin: 50% 50%;
}
#cube{
position: relative;
margin:100px auto;
height:200px;
width:200px;
-webkit-transform-style:preserve-3d;
}
为什么两段代码实现出了不一样的效果呢??