課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
代碼已經(jīng)有動畫了,這句代碼的作用是什么?刪了之后也沒有變化
2017-07-13
源自:十天精通CSS3 9-7
正在回答
本來一開始方塊的位置應(yīng)該是在(0,0)坐標(biāo)處,但是動畫設(shè)置它0%的時候在(0,90)坐標(biāo)處,這是瞬間完成的。至于刪了為什么沒有變化是因?yàn)樵趕pan里面也設(shè)置了初始坐標(biāo)為(0,90),如果你把那個代碼刪了,再把0%的代碼刪了,你就看到變化了。
translateY(Y)僅垂直方向移動(Y軸移動,向下移動90px, translate分為三種情況(x,y)、X(x)、Y(y)。CSS3的過度transition屬性是一個復(fù)合屬性,主要包括n個子屬性,translate是其一。
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
2 回答translate中的(90px,90px)都是以div的左上角為定點(diǎn)嗎?
4 回答translate(-50%,-50%)在這個代碼段的具體作用是什么?
3 回答控制下方滾動的代碼在哪啊
1 回答:not(:target)在這里有什么作用!
3 回答firefox-transform
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)微信公眾號
2018-08-18
本來一開始方塊的位置應(yīng)該是在(0,0)坐標(biāo)處,但是動畫設(shè)置它0%的時候在(0,90)坐標(biāo)處,這是瞬間完成的。至于刪了為什么沒有變化是因?yàn)樵趕pan里面也設(shè)置了初始坐標(biāo)為(0,90),如果你把那個代碼刪了,再把0%的代碼刪了,你就看到變化了。
2017-07-14
translateY(Y)僅垂直方向移動(Y軸移動,向下移動90px, translate分為三種情況(x,y)、X(x)、Y(y)。CSS3的過度transition屬性是一個復(fù)合屬性,主要包括n個子屬性,translate是其一。