animationDirection
Misol
<div> elementining animationDirection xususiyatini o‘zgartirish:
document.getElementById("myDIV").style.animationDirection = "reverse";O‘zingiz sinab ko‘ring »
Tavsif
animationDirection xususiyati animatsiya navbatdagi sikllarda teskari yo‘nalishda ijro etilishi yoki etilmasligini o‘rnatadi yoki qaytaradi.
Eslatma: Agar animatsiya faqat bir marta ijro etiladigan qilib sozlangan bo‘lsa, bu xususiyat hech qanday ta’sir qilmaydi.
Sintaksis
animationDirection xususiyatini qaytarish:
object.style.animationDirection
animationDirection xususiyatini o‘rnatish:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| normal | Standart qiymat. Animatsiya odatdagidek ijro etiladi |
| reverse | Animatsiya teskari yo‘nalishda ijro etiladi |
| alternate | Animatsiya har toq safar (1, 3, 5 va h.k.) odatdagidek, har juft safar (2, 4, 6 va h.k.) esa teskari yo‘nalishda ijro etiladi |
| alternate-reverse | Animatsiya har toq safar (1, 3, 5 va h.k.) teskari yo‘nalishda, har juft safar (2, 4, 6 va h.k.) esa odatdagi yo‘nalishda ijro etiladi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | normal |
|---|---|
| Qaytariladigan qiymat: | Elementning animation-direction xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Brauzerlarda qo‘llab-quvvatlash
animationDirection — CSS3 (1999) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
Tegishli sahifalar
CSS ma’lumotnomasi: animation-direction xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!