課程
/前端開發(fā)
/JavaScript
/H5+JS+CSS3 實現(xiàn)圣誕情緣
怎么通過百分比去取圖?
2016-06-11
源自:H5+JS+CSS3 實現(xiàn)圣誕情緣 3-3
正在回答
假設(shè)一張圖有5張小圖左右相連組成,每張小圖大小相等30x10, 則整張大圖為150x10;
在一個30x10的元素上顯示這張大的背景圖,如果background-size: 100% 100%,則圖片被壓縮成30x10,就會變形。
所以,可以設(shè)置background-size: 500% 100%,則剛好顯示一張沒變形的小圖,圖片多出部分被隱藏, 如果有動畫,則可以每一次移動20%。
舉報
為圣誕節(jié)準備的H5+JS+CSS特效案例教程,實現(xiàn)靜與動的結(jié)合
2 回答background-position的百分比怎么弄???
2 回答background-position: -400% 100%的百分比怎么理解?
1 回答關(guān)于圖片的百分比~png格式有什么特別?
1 回答沒有誰解釋background-position用百分比的用法嗎?
5 回答圖片超出容器時background-position百分比值方向的問題//列子評論里有
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-06-15
假設(shè)一張圖有5張小圖左右相連組成,每張小圖大小相等30x10, 則整張大圖為150x10;
在一個30x10的元素上顯示這張大的背景圖,如果background-size: 100% 100%,則圖片被壓縮成30x10,就會變形。
所以,可以設(shè)置background-size: 500% 100%,則剛好顯示一張沒變形的小圖,圖片多出部分被隱藏, 如果有動畫,則可以每一次移動20%。