看不到3d效果，求大哥们帮我看看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>3d</title>
<style type="text/css">
#pork{
height: 200px;
width: 200px;
margin:30px auto;
-moz-perspective:800px;
-moz-perspective-origin:50% 50%;
-moz-transform-style:preserve-3d;
position: relative; }
.page{
height: 200px;
width: 200px;
margin:30px auto;
position: absolute;
background-color:pink;
-moz-transform:rotateY(45deg);
}
</style>
</head>
<body>
<div id="#pork">
<div class="page"></div>
</div>
</body>
</html>
