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
已采纳回答 / 恰逢暮雪
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>正方体</title></head><body> <div class='out-box'> <div cla...
2017-09-07
看到一半我想着把两个demo合并起来,六个值都在如[-X,X]的某个区间随机速度(1~3)独立变化,到达边界再反向,一个开关按钮控制启停,用上OOP花了好久终于做完了...
2017-08-22
VSCODE提示:[css] Also define the standard property 'transition' for compatibility
Shorthand property combines four of the transition properties into a single property.
Safari 5, Chrome, Opera 12. 现在只用写transition就好了,几大浏览器都是兼容的
Shorthand property combines four of the transition properties into a single property.
Safari 5, Chrome, Opera 12. 现在只用写transition就好了,几大浏览器都是兼容的
2017-08-21
