                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3 3D 特效

怎么出不来？哪里出错了？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>3D</title>
    <style>
       #experiment{
           -webkit-perspective:800;
           -webkit-perspective-arigin:50% 50%;
           -webkit-transform-style:-webkit-preserve-3d;
       }
       #block{
           width:100px;
           height:100px;
           background-color:#93C;
           margin:100px auto;

           -webkit-transform:retateX(45deg);
       }

    </style>
</head>

<body>
   <div id="experiment">
       <div id="block">
        </div>
    </div>
</body>
</html>