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

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

qq_菜鸟叔叔

2016-02-25 09:36

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

写回答 关注

2回答

  • 神经质女孩
    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>

    正常的,没有失效

    qq_菜鸟叔...

    非常感谢!

    2016-02-25 16:32:04

    共 1 条回复 >

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

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

H5+JS+CSS3 实现圣诞情缘

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

122015 学习 · 211 问题

查看课程

相似问题