为什么我的这两行代码会报错呢
-webkit-transform-style:-webkit-preserve-3d;
-webkit-transform: rtoateX(45deg);
-webkit-transform-style:-webkit-preserve-3d;
-webkit-transform: rtoateX(45deg);
2018-03-14
rotateX(0deg)中的0deg是相当于最开始的状态没有变化,但是老师在做2-5的样式的时候改变了他们的位置使他们躺下去,后来设置rotateX(0deg)是为了恢复原来的状态
demo中 的 onchange时间 不是实时监听执行的 改成 onmousemove 属性就会想视频中一样直接拖动就会马上发生变化而不是拖动完了 才发生变化!~ 坑已踩过顶起来让更多人看到!~
2017-11-27
css样式里可以直接这么写
.page{
......
-webkit-transform-origin:bottom;
-webkit-transition:-webkit-transform 1s linear;
}
#page2,#page3,#page4,#page5,#page6{
-webkit-transform:rotateX(90deg);
}
这样可以省掉一部分的代码,另外-webkit-transform-style:-webkit-preserve-3d;换成这个会显示1下面躺着个6
.page{
......
-webkit-transform-origin:bottom;
-webkit-transition:-webkit-transform 1s linear;
}
#page2,#page3,#page4,#page5,#page6{
-webkit-transform:rotateX(90deg);
}
这样可以省掉一部分的代码,另外-webkit-transform-style:-webkit-preserve-3d;换成这个会显示1下面躺着个6
2017-11-24
大家注意了原原本本的写,如果没有效果,就把perspective: 800;改成 perspective: 800px; 在数字后面加个px,我也不知道视频中老师为什么不写。(可能是软件不同吧)
2017-10-30