addPhoto()調(diào)用后，.wrap的perspective屬性就沒效果了？
.wrap{
????perspective:?800px;
????-webkit-perspective:?800px;
????-moz-perspective:?800px;
}
.photo-wrap{
????position:?absolute;
????width:?100%;
????height:?100%;
????transform-style:?preserve-3d;
????-webkit-transform-style:?preserve-3d;
????/*-moz-transform-style:?preserve-3d;*/
????transition:all?.6s?ease-out;
}function?addPhotos()?{
???var?template=get('#wrap').innerHTML;
???var?html=[];
???for(var?i?in?data){
???????var?_html=template
???????????.replace('{{index}}',i)
???????????.replace('{{caption}}',data[i].caption)
???????????.replace('{{img}}',data[i].img)
???????????.replace('{{desc}}',data[i].desc)
???????html.push(_html)
???}
???get('#wrap').innerHTML=html.join('');
}
addPhotos();此函數(shù)調(diào)用后，卡片翻轉(zhuǎn)就沒有3d效果了，只是平面壓縮效果，這是為啥？
2017-05-17
我是按照老師視頻中的步驟一步一步來的，并沒有你這樣的問題，你可以試試像老師那樣，在瀏覽器中用控制臺(tái)查看該部分標(biāo)簽有哪些樣式來改改，說真的你這只有這么些代碼，有的命名方式還和老師的不一樣，沒碰到過這種問題的只看這么些代碼是看不出問題的，至少你給的這兩塊代碼是沒問題的。