課程
/前端開發
/HTML/CSS
/H5+JS+CSS3實現七夕言情
第一次開門點亮背景還是會閃
2017-05-15
源自:H5+JS+CSS3實現七夕言情 6-3
正在回答
可以預加載圖片,教程中預加載的圖片錯了,應該是這樣的
.b_background {
width: 100%;
height: 100%;
background-image: url("../images/QixiB-dark.png");
background-size: 100% 100%;
position: absolute;
}
.b_background_preload {
? <!-- 預加載燈亮效果圖-->
? ? background: url("../images/QixiB-bright.png") no-repeat -9999px -9999px;
.lamp-bright{
background-image: url("../images/QixiB-bright.png");
你把no-repeate -9999px -9999px;去掉 ? ?我去掉后就不閃了
shima ?
san
舉報
為七夕節準備的H5+JS+CSS3特效案例,由淺入深案例拆分講解
1 回答關于燈亮后,頁面會閃一下
1 回答為什么只有一扇門在開關
1 回答為什么我的門和燈同時打開呢?用了Deferred,then,不應該是先開門, 后開燈的嘛?
2 回答點的快的話這個開關門的動作就不靈了
1 回答開關門動畫順序怎樣的?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-04-13
可以預加載圖片,教程中預加載的圖片錯了,應該是這樣的
.b_background {
width: 100%;
height: 100%;
background-image: url("../images/QixiB-dark.png");
background-size: 100% 100%;
position: absolute;
}
.b_background_preload {
? <!-- 預加載燈亮效果圖-->
? ? background: url("../images/QixiB-bright.png") no-repeat -9999px -9999px;
}
.lamp-bright{
background-image: url("../images/QixiB-bright.png");
}
2017-08-17
你把no-repeate -9999px -9999px;去掉 ? ?我去掉后就不閃了
2017-05-17
shima ?
2017-05-17
san