原原本本的写，却没有出现3D效果，但是给perspective: 800;改成后面加个px，就出现效果了。

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>设置3D场景</title>
   <style>
       #experiment{
           perspective: 800px;
           perspective-origin:50% 50%;
           transform-style:preserve-3d;
       }
       #block{
           width:500px;
           height:500px;
           background-color:#69c;
           margin:100px auto;

           transform:rotateX(45deg);
       }
   </style>
</head>
<body>
   <div id="experiment">
       <div id="block">

       </div>
   </div>
</body>
</html>

qq_星心_2

浏览 1498回答 1

原原本本的写，却没有出现3D效果，但是给perspective: 800;改成后面加个px，就出现效果了。

1回答