Xususiyatini o‘rganish

1: gorizontal harakat

Birinchi harakat biz gorizontaldir. Biz chapdan o'ngga va o'ngga chapga siljitamiz.

O'ng tomonga o'tish

Biz foydalanadigan ob'ektni siljitish tarmoq: Tarjima (x, y)x musofir raqam, y \u003d 0.


HTML.
Sevimli kod muharriringizni oching va quyidagilarni kiriting:




Biz rasmga uchta darsni aniqladik:

• 
  ob'ekt: Ob'ektimizning asosiy qoidalarini o'rnatish.
  
• 
  van: har bir animatsiyani namoyish qilish uchun biz turli xil ob'ektlardan foydalanamiz.
  
• 
  ko'chirish: Ushbu sinfdan foydalanish, biz bizning ob'ektimizni harakatlantiramiz.
  

CSS.
Birinchidan, biz markazda bizning ob'ektimizni (yuk mashinasi rasmini) qo'yamiz.
.Borj (lavozimi: mutlaq;) .Van (eng yaxshi: 45%; chap: 44%;)
Ushbu misolda biz ob'ektni 350px o'ngga yo'naltiramiz. Ishlatilgan sintaksis transformatsiya: Tarjima (350Px, 0);. Bundan tashqari, ob'ekt faqat kursorni boshqarayotganda harakat qiladi: #Axis: Hover.

#XIVES: Hover .Mum - Tirik (TIRMAT: 350Px, 0); Tarjima (350px, 0); / *-Safari: Tarjima (350px, 0) ; / ** Opera ** -Moz-o'zgartirilishi: Tarjima (350px, 0); / ** Firefox ** /)

Parametr o'zgartirmoq Ob'ektni bir nuqtadan boshqasiga o'tkazing, ammo ushbu harakatning animatsiyasini yaratmaydi. Uni tuzatish uchun siz klass.Object-da o'tish parametrini qo'shishingiz kerak.

Ob'ekt (lavozimi: mutlaq; o'tish: barcha 2slar osonlikcha: -Vebkit-O'tkazish: / ** Chrome & Safilash: / -Moz-O'tkazish: ; / ** Firefox ** / o'tish: barcha 2sning barchasi 2-chi. / ** opera ** /)

Ushbu qoida harakati brauzerni jonlantirish uchun aytadi hamma narsa Ob'ekt parametrlari 2 soniya (kechiktirmasdan) funktsiya bilan tashqarida qulaylik.
Biz vaqtincha harakatlanishning 6 xil funktsiyasidan foydalanishimiz mumkin:

•