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