Xususiyatini o‘rganish

2: vertikal harakat

Ob'ektning harakati vertikal ravishda qiyin bo'lmaydi, chunki u bir xil gorizontaldir. Faqatgina farq shundaki, biz qiymatdan foydalanamiz shimirlamoq Ko'tarish va qiymat y. Pastga siljish.

Harakat qilmoq

HTML.
HTML shablon avvalgi misollar bilan bir xil. Biroq, biz bizning ob'ektimizni raketa bilan almashtiramiz (ravshanlik uchun) va siljitish sinfini tayinlaymiz.



CSS.
Yuk mashinasi kabi, biz markazda raketa joylashtiramiz:
.Rukur (yuqori: 43%; chapda: 44%;)
Yuqorida aytib o'tganimizdek, y koordinata salbiy bo'lishi kerak. Bizning holatimizda, biz ob'ektni 350pxgacha siljitamiz.

#Axis: Hover-ni ulash (Tiriklashtiring: translate (0, -350px); Tarjima (0, -350px); translate (0, -350px); -mo-o'zgartirilishi: Tarjima (0, -35Px);)