課程
/前端開發
/HTML/CSS
/H5+JS+CSS3實現七夕言情
為什么background-position: -151px -291px;這里都是取負值?
2016-01-18
源自:H5+JS+CSS3實現七夕言情 3-2
正在回答
以左上角為原點,為負值表示將整個圖片的起始位置設置為-151px -291px,那么顯示的區域就是圖片的151培訓,291px
可以這樣理解,以設置了background-position的元素的左上角為頂點,xy正方向是朝右朝下的,元素左上角要回到精靈圖左上角的頂點需要向上和向左偏移,則x和y都是負值,所以說使用background-position的值都是負值。
舉報
為七夕節準備的H5+JS+CSS3特效案例,由淺入深案例拆分講解
1 回答精靈動畫實現中的background-position像素是如何計算的?
1 回答為什么不直接通過css定義boy的位置?
1 回答.charector里面為什么會有兩個position: absolute;??
1 回答為什么使用background簡寫效果不對
2 回答為什么執行 boy.walkTo(2000, 0.2) 參數是兩個...0,2表示走到百分之20的范圍...怎么取值的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-18
以左上角為原點,為負值表示將整個圖片的起始位置設置為-151px -291px,那么顯示的區域就是圖片的151培訓,291px
2016-12-05
可以這樣理解,以設置了background-position的元素的左上角為頂點,xy正方向是朝右朝下的,元素左上角要回到精靈圖左上角的頂點需要向上和向左偏移,則x和y都是負值,所以說使用background-position的值都是負值。