課程
/前端開發
/HTML/CSS
/十天精通CSS3
代碼已經有動畫了,這句代碼的作用是什么?刪了之后也沒有變化
2017-07-13
源自:十天精通CSS3 9-7
正在回答
本來一開始方塊的位置應該是在(0,0)坐標處,但是動畫設置它0%的時候在(0,90)坐標處,這是瞬間完成的。至于刪了為什么沒有變化是因為在span里面也設置了初始坐標為(0,90),如果你把那個代碼刪了,再把0%的代碼刪了,你就看到變化了。
translateY(Y)僅垂直方向移動(Y軸移動,向下移動90px, translate分為三種情況(x,y)、X(x)、Y(y)。CSS3的過度transition屬性是一個復合屬性,主要包括n個子屬性,translate是其一。
舉報
本課程為CSS3入門教程,深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答translate中的(90px,90px)都是以div的左上角為定點嗎?
4 回答translate(-50%,-50%)在這個代碼段的具體作用是什么?
3 回答控制下方滾動的代碼在哪啊
3 回答firefox-transform
1 回答:not(:target)在這里有什么作用!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-08-18
本來一開始方塊的位置應該是在(0,0)坐標處,但是動畫設置它0%的時候在(0,90)坐標處,這是瞬間完成的。至于刪了為什么沒有變化是因為在span里面也設置了初始坐標為(0,90),如果你把那個代碼刪了,再把0%的代碼刪了,你就看到變化了。
2017-07-14
translateY(Y)僅垂直方向移動(Y軸移動,向下移動90px, translate分為三種情況(x,y)、X(x)、Y(y)。CSS3的過度transition屬性是一個復合屬性,主要包括n個子屬性,translate是其一。