hjyouhuang 2017-08-13 04:57 采纳率: 0%
浏览 792

editplus运行时，不能达到想要的结果，墙旋转90度时不可见

 <!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>3D城市模型</title>

     <style type="text/css">
       *{margin:0;}
          html,body{height:100%;width:100%;perspective:1000px;}

          div,b,i{position:absolute;transform-style:preserve-3d;}

        .city3D{width:400px;height:400px;background:#66ffff;
                top:0;right:0;left:0;bottom:0;margin:auto;
                border:10px solid #66ff99;
                transform:rotateX(60deg) rotateZ(-140deg);       
           }            
          .city3D div b{
               height:100%;
               background:#ff3333;
               transform:rotateX(90deg);/*旋转*/
               transform-origin:0 0; /*旋转中心 坐标*/
               }           
            .city3D div b > b{

                   background:#ffff33;
                   transform:rotateY(90deg);/*旋转*/
                    }
            .city3D div b > b > b{
                       transform-origin:100% 0;
                       background:#660000;
                       transform:rotateY(90deg);/*旋转*/
                       right:0;
                       }
             .city3D div b > b > b > b{
                       transform-origin:0 100%;
                       background:#009900;
                       transform:rotateY(90deg);/*旋转*/
                       right:0;
                       }
               .city3D div b > b > b > b > i{
                       transform-origin:100% 100%;
                       background:#cc3333;
                       transform:rotateX(-90deg);/*旋转*/
                       bottom:1px;
                       }
                 .city3D div.a b{background-image:;}
     </style>
 </head>
 <body>
              <!--地皮-->
           <div class="city3D">
              <!--建楼-->
              <div class="a" style="height:150px;top:0;left:0;">
                          <!--墙-->
                 <b style="width:30px;">
                    <b style="width:20px;">
                      <b style="width:30px;">
                        <b style="width:20px;">
                          <i style="width:20px;height:30px;"></i><!--天花板-->
                        </b>
                      </b>
                    </b>
                  </b>
              </div>
            </div>
 </body>
</html>
  • 写回答

1条回答 默认 最新

  • 鼠晓 博客专家认证 2017-08-13 08:16
    关注

    你直接拷贝，，，html代码发出来，，，，看不到的，，亲

    把它放在代码框里面发

     代码框
    评论

报告相同问题？

悬赏问题

  • ¥15 MapReduce实现倒排索引失败
  • ¥15 luckysheet
  • ¥15 ZABBIX6.0L连接数据库报错，如何解决？(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码
  • ¥50 随机森林与房贷信用风险模型
  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题