问答详情
源自:3-5 3D变换的梳理

为什么用了rotate3d()后translate3d()就失效了?

同一个元素上用了rotate3d()后translate3d()就失效了?

提问者:qq_菜鸟叔叔 2016-02-25 09:36

个回答

  • 神经质女孩
    2016-02-25 13:17:03
    已采纳

    
          #show{
                width:10rem;
                height:10rem;
                background:#ececec;
                -webkit-transform-style:preserve-3d;
                -webkit-perspective:200px;
                
                }
                #show div{
                    width:5rem;
                    height:5rem;
                    background:red;
                    postion:absolute;
                    left:0;
                    top:0;
                    -webkit-transform:translate3d(25px,55px,25px) 
                    rotate3d(0,0,12,45deg);
                }
    <div id="show">
        <div></div>
    </div>

    正常的,没有失效

  • 溪墨潺
    2016-02-25 13:22:58

    应该是静态的你没看到效果,感觉失效了