看不到3d效果,求大哥们帮我看看

来源:3-5 3D变换的梳理

宝慕林4326916

2016-09-08 12:28

<!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>

写回答 关注

2回答

  • 宝慕林4326916
    2016-09-11 08:12:04

    正解 谢谢

  • 小王子抓猫咪
    2016-09-10 15:32:06

    你的代码写错了

    div id="pork"而不是div id="#pork"

    细节地方需要小心

    望采纳

H5+JS+CSS3 实现圣诞情缘

为圣诞节准备的H5+JS+CSS特效案例教程,实现静与动的结合

122015 学习 · 211 问题

查看课程

相似问题