为了账号安全,请及时绑定邮箱和手机立即绑定

头疼,这方块怎么变成方块的

这句话什么意思?即绕x又绕y?? 

-webkit-transform: rotateX(-20deg) rotateY(-20deg);

还有这句话??绕Y转90 在沿Z平移吗??

 transform: rotateY(90deg) translateZ(-150px);

这段是什么。。构建正方体吗??

.item .front {

            -webkit-transform: translateZ(150px);

            -moz-transform: translateZ(150px);

            -ms-transform: translateZ(150px);

            -o-transform: translateZ(150px);

            transform: translateZ(150px);

        } 


        .item .behind {

            -webkit-transform: translateZ(-150px);

            -moz-transform: translateZ(-150px);

            -ms-transform: translateZ(-150px);

            -o-transform: translateZ(-150px);

            transform: translateZ(-150px);

        }


        .item .top {

            -webkit-transform: rotateX(90deg) translateZ(-150px);

            -moz-transform: rotateX(90deg) translateZ(-150px);

            -ms-transform: rotateX(90deg) translateZ(-150px);

            -o-transform: rotateX(90deg) translateZ(-150px);

            transform: rotateX(90deg) translateZ(-150px);

        }


        .item .bottom {

            -webkit-transform: rotateX(90deg) translateZ(150px);

            -moz-transform: rotateX(90deg) translateZ(150px);

            -ms-transform: rotateX(90deg) translateZ(150px);

            -o-transform: rotateX(90deg) translateZ(150px);

            transform: rotateX(90deg) translateZ(150px);

        }


        .item .left {

            -webkit-transform: rotateY(90deg) translateZ(-150px);

            -moz-transform: rotateY(90deg) translateZ(-150px);

            -ms-transform: rotateY(90deg) translateZ(-150px);

            -o-transform: rotateY(90deg) translateZ(-150px);

            transform: rotateY(90deg) translateZ(-150px);

        }


        .item .right {

            -webkit-transform: rotateY(90deg) translateZ(150px);

            -moz-transform: rotateY(90deg) translateZ(150px);

            -ms-transform: rotateY(90deg) translateZ(150px);

            -o-transform: rotateY(90deg) translateZ(150px);

            transform: rotateY(90deg) translateZ(150px);

        }


正在回答

2 回答

不好意思,已经找到了。抱歉啦

0 回复 有任何疑惑可以回复我~

请问下最后一个编程练习的源码可以在哪里获得?老师发布出来的资源里面没找到,“同学代码”里面还没有找到可以很好运行的。或者您能分享下最终的代码吗?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

头疼,这方块怎么变成方块的

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信