最新回答 / 不成大触不可熟睡
我来说说为什么会这样吧，因为人们看屏幕习惯从上往下看而不是从下往上看，y轴向下更便于处理好各个块的位置，而且在面对层叠的布局时z轴面向人，值越大的在上面，挺方便的
2016-03-29
已采纳回答 / Saplf
我的猜测：为了方便浏览器解析？我自己练习的时候发现一个现象。我需要有两个过渡的属性，然而我当时并不知道可以直接在其后面直接用“,”隔开再加，我自作主张地又写了一个 transition ，导致的结果就是，前一个的过渡效果始终没有实现，也就是后一句直接覆盖了前一句。所以我的感觉，浏览器是用到什么选择器就加载那个选择器的内容。我又试着把 transition 的语句放在了 hover 中，结果，变长时正常过渡，而当鼠标移开，浏览器已经不会再解析 hover 中的语句了，也就没了过渡效果，直接变回 40px。纯...
2016-03-18
function prev(){
if(curIndex==1){return;}
var curPage=document.getElementById("page"+curIndex);
curPage.style.webkitTransform="rotatex(90deg)"
curIndex--;
var nextPage=document.getElementById("page"+curIndex);nextPage.style.webkitTransform="rotatex(0deg)"}
if(curIndex==1){return;}
var curPage=document.getElementById("page"+curIndex);
curPage.style.webkitTransform="rotatex(90deg)"
curIndex--;
var nextPage=document.getElementById("page"+curIndex);nextPage.style.webkitTransform="rotatex(0deg)"}
var curIndex=1;
function next(){
if(curIndex==6){return;}
var curPage=document.getElementById("page"+curIndex);
curPage.style.webkitTransform="rotatex(-90deg)"
curIndex++;
var nextPage=document.getElementById("page"+curIndex);nextPage.style.webkitTransform="rotatex(0deg)"}
function next(){
if(curIndex==6){return;}
var curPage=document.getElementById("page"+curIndex);
curPage.style.webkitTransform="rotatex(-90deg)"
curIndex++;
var nextPage=document.getElementById("page"+curIndex);nextPage.style.webkitTransform="rotatex(0deg)"}