課程
/前端開發
/HTML/CSS
/CSS3+JS 實現超炫的散列畫廊特效
wrap中,為什么要把margin-top設置為-300px
2015-12-20
源自:CSS3+JS 實現超炫的散列畫廊特效 2-2
正在回答
為了讓warp 垂直居中,因為他先用定位設置了一個top:50%; ?這樣的話這個圖片就會下降到50%的調度,也就是warp 的上邊沿正好在他原來的中線上,這時就偏下了,因為warp的高度是600,這600應該在上下部分各占一半,也就是300px,但是因為top:50%, 所以這600全到了下邊,想居中就得往上移動300,這樣才能保證上下部分各300,所以就有了 margin-top:-300px
舉報
實現更自由的切換照片的畫廊效果,打造超酷的切換動畫
6 回答在photo-wrap中 -webkit-transition:all 1s的問題
1 回答addPhoto()調用后,.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號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-20
為了讓warp 垂直居中,因為他先用定位設置了一個top:50%; ?這樣的話這個圖片就會下降到50%的調度,也就是warp 的上邊沿正好在他原來的中線上,這時就偏下了,因為warp的高度是600,這600應該在上下部分各占一半,也就是300px,但是因為top:50%, 所以這600全到了下邊,想居中就得往上移動300,這樣才能保證上下部分各300,所以就有了 margin-top:-300px