Css compositing and blending

animation-duration

• 
  Animatsiya-davomiyligi CSS xususiyati animatsiyaning bir siklni bajarish uchun qancha vaqt sarflanishini belgilaydi (s, ms larda).
  
• 
  Eslatma: Salbiy qiymatlar noto'g'ri, bu deklaratsiyani e'tiborsiz qoldirishga olib keladi. Ba'zi dastlabki, prefiksli ilovalar ularni 0 bilan bir xil deb hisoblashi mumkin.
  

animation-fill-mode

• 
  Animation-fill-mode CSS xususiyati CSS animatsiyasi bajarilishidan oldin va keyin o'z maqsadiga uslublarni qanday qo'llashini belgilaydi.
  

Values

• 
  None: Animatsiya bajarilmayotgan vaqtda maqsad uchun hech qanday uslubni qo'llamaydi. Buning o'rniga element unga qo'llaniladigan boshqa CSS qoidalari yordamida ko'rsatiladi. Bu standart qiymat.
  
• 
  Forwards: Maqsad ijro paytida duch kelgan oxirgi kalit kadr tomonidan o'rnatilgan hisoblangan qiymatlarni saqlab qoladi. Oxirgi kalit kadr animation-direction va animation-iteration-count qiymatiga bog'liq:
  

• 
  Backwards: Animatsiya birinchi tegishli kalit kadrda aniqlangan qiymatlarni maqsadga qo‘llanilishi bilanoq qo‘llaydi va animation-delay davrida uni saqlab qoladi. Birinchi tegishli kalit kadr animatsiya yo'nalishi qiymatiga bog'liq:
  

• 
  Both: Animatsiya oldinga va orqaga yo'nalish qoidalariga amal qiladi, shuning uchun animatsiya xususiyatlarini har ikki yo'nalishda ham kengaytiradi.
  

animation-iteration-count

• 
  Animation-iteration-count CSS xususiyati animatsiya ketma-ketligini to‘xtatishdan oldin o‘ynatish sonini belgilaydi.
  

animation-name

• 
  Animation-name CSS xususiyati elementga qo'llash uchun animatsiyani tavsiflovchi bir yoki bir nechta @keyframes qoidalarining nomlarini belgilaydi. Bir nechta @keyframe qoidalari vergul bilan ajratilgan nomlar ro'yxati sifatida ko'rsatilgan. Belgilangan nom @keyframe qoidasiga mos kelmasa, hech qanday xususiyat jonlantirilmaydi.