demo中 的 onchange時間 不是實時監(jiān)聽執(zhí)行的 改成 onmousemove 屬性就會想視頻中一樣直接拖動就會馬上發(fā)生變化而不是拖動完了 才發(fā)生變化!~ 坑已踩過頂起來讓更多人看到!~
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
小董君同學：2和3面，5和6面的transform-origin屬性值互換；4面向反向平移。讓每一面的數字看起來都是朝向立方體的外面。
2017-10-08
已采納回答 / 恰逢暮雪
<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]的某個區(qū)間隨機速度(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
