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