課程
/前端開發(fā)
/HTML/CSS
/CSS3+JS 實(shí)現(xiàn)超炫的散列畫廊特效
wrap中,為什么要把margin-top設(shè)置為-300px
2015-12-20
源自:CSS3+JS 實(shí)現(xiàn)超炫的散列畫廊特效 2-2
正在回答
為了讓warp 垂直居中,因?yàn)樗扔枚ㄎ辉O(shè)置了一個(gè)top:50%; ?這樣的話這個(gè)圖片就會(huì)下降到50%的調(diào)度,也就是warp 的上邊沿正好在他原來的中線上,這時(shí)就偏下了,因?yàn)閣arp的高度是600,這600應(yīng)該在上下部分各占一半,也就是300px,但是因?yàn)閠op:50%, 所以這600全到了下邊,想居中就得往上移動(dòng)300,這樣才能保證上下部分各300,所以就有了 margin-top:-300px
舉報(bào)
實(shí)現(xiàn)更自由的切換照片的畫廊效果,打造超酷的切換動(dòng)畫
6 回答在photo-wrap中 -webkit-transition:all 1s的問題
1 回答addPhoto()調(diào)用后,.wrap的perspective屬性就沒效果了?
1 回答.photo-wrap .side-front在html中哪里用到了
4 回答g(“wrap”).innerHTML可以顯示html代碼 求回答。。
2 回答photo-wrap ROTATEY(180deg) 后side-bac元素不能顯示,只能顯示side-front的反面啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-20
為了讓warp 垂直居中,因?yàn)樗扔枚ㄎ辉O(shè)置了一個(gè)top:50%; ?這樣的話這個(gè)圖片就會(huì)下降到50%的調(diào)度,也就是warp 的上邊沿正好在他原來的中線上,這時(shí)就偏下了,因?yàn)閣arp的高度是600,這600應(yīng)該在上下部分各占一半,也就是300px,但是因?yàn)閠op:50%, 所以這600全到了下邊,想居中就得往上移動(dòng)300,這樣才能保證上下部分各300,所以就有了 margin-top:-300px