为了账号安全,请及时绑定邮箱和手机立即绑定
好辛苦,借鉴了很多人的思想才做出来的这个效果,玲珑通透立方图
-moz-transition:background-color 3s;
-webkit-transition:background-color 3s;
-o-transition:background-color 3s;
transition:background-color 3s;
老师用的是webstorm
rotateX(0deg)不是相当于没翻转吗?

已采纳回答 / 泥沼
你css写错了#page2,#page3,#page4,#page5,#page6{-webkit-transform-origin:bottom; -webkit-transition:-webkit-transform is linear;  -webkit-transform:rotateX(90deg);}仔细看你的过度时间写成了i了
一到编程挑战就傻眼
照着写的,不是往前翻得,是往后倒的
当人眼从y轴正方向去观测旋转方向的顺逆时针,右边往屏幕里旋转就是顺时针的,所以度数是正的,这是我的理解
坐标系原点在左上角

x轴的正方向是向右

y轴正方向是向下

z轴正方向是从屏幕到人的眼睛(垂直)

比如rotateX(80deg)和rotateX(-80deg)区别就是:从x轴正方向看向物体,80deg就是顺时针旋转了80度,-80deg就是逆时针旋转了80度
坐标系原点在左上角

x轴的正方向是向右

y轴正方向是向下

z轴正方向是从屏幕到人的眼睛(垂直)

比如rotateX(80deg)和rotateX(-80deg)区别就是:从x轴正方向看向物体,80deg就是顺时针旋转了80度,-80deg就是逆时针旋转了80度
我也以为这道题选d,我以为度数的正负是看旋转是顺时针还是逆时针的,右边向屏幕内旋转就是逆时针,我以为是-45度
为什么要两层div,一层不行吗
好像没有三秒啊
#black{

width: 400px;

height: 400px;

margin: 0 auto;

background: green;
-webkit-transition:background-color 3s;
}
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消