console運行g(shù)('#wrap')時報錯, Uncaught TypeError: document[method] is not a function
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1
at g (index.html:137)
at <anonymous>:1:1
g @ index.html:137
(anonymous) @ VM547:1
2017-12-24
.photo-wrap{
transform-style: preserve-3d; /*FF支持,ie全不支持,作用使被轉(zhuǎn)換的子元素保留其3D轉(zhuǎn)換*/
-webkit-transform-style:preserve-3d;
}在這里保留了3D轉(zhuǎn)換
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
這樣就可以直接實現(xiàn)隱藏back的效果了,不需要用到backface呀
transform-style: preserve-3d; /*FF支持,ie全不支持,作用使被轉(zhuǎn)換的子元素保留其3D轉(zhuǎn)換*/
-webkit-transform-style:preserve-3d;
}在這里保留了3D轉(zhuǎn)換
.photo-wrap .side-front{
-webkit-transform:rotateY(0deg);
}
.photo-wrap .side-back{
-webkit-transform:rotateY(180deg);
}
這樣就可以直接實現(xiàn)隱藏back的效果了,不需要用到backface呀
2017-12-12
消除中間圖片閃動之后,photo-center的樣式相當(dāng)于沒用了,js中的photo-center只起到了類似于flag的作用,而且分布的x,y的區(qū)域也受到(margin:-160px 0 0 -130px)的影響,所以計算分布區(qū)域時,要在原來的基礎(chǔ)上x+130,y+160。
2017-11-16