Css compositing and blending

CSS compositing and blending

• 
  Kompozitsiyalash va aralashtirish CSS moduli elementning fon qatlamlarini qanday aralashtirish mumkinligini, elementni konteyner bilan qanday aralashtirish mumkinligini va element yangi stacking kontekstini yaratishi kerakligini belgilaydi.
  
• 
  Ushbu CSS modulidagi xususiyatlar, agar mavjud bo'lsa, elementning fon tasvirlari va ranglarini bitta fon tasviriga aralashtirish uchun ishlatilishi kerak bo'lgan aralashtirish rejimini aniqlash uchun ishlatilishi mumkin. Ushbu modul 16 aralashtirish rejimini taqdim etadi. Shuningdek, siz elementning chegaralari, foni va mazmuni, jumladan matn, kulgichlar va tasvirlar konteyner foni bilan qanday aralashtirilishi kerakligini belgilashingiz mumkin.
  

Properties

background-blend-mode

• 
  Background-blend-mode CSS xususiyati elementning fon tasvirlari bir-biri bilan va elementning fon rangi bilan qanday aralashishi kerakligini belgilaydi.
  
• 
  Aralashtirish rejimlari background-image xususiyati bilan bir xil tartibda aniqlanishi kerak. Agar blend rejimlari va background-image roʻyxati uzunligi teng boʻlmasa, uzunliklar mos kelguncha u takrorlanadi va/yoki kesiladi.
  

Values

• 
  
  

CSS animations

animation-delay

• 
  Animation-delay CSS xususiyati animatsiyani bajarishni boshlashdan oldin elementga animatsiyani qo'llashdan kutish vaqtini belgilaydi. Animatsiya keyinroq, darhol boshidan yoki darhol va animatsiyaning qisman boshlanishi mumkin.
  
• 
  Qiymati s, ms larda beriladi
  

animation-direction

• 
  Animation-direction CSS xususiyati animatsiya oldinga, orqaga yoki ketma-ketlikni oldinga va orqaga o'ynatish o'rtasida oldinga va orqaga o'ynash kerakligini belgilaydi.
  

VALUES

• 
  Normal: Animatsiya har bir tsiklda oldinga siljiydi. Boshqacha qilib aytadigan bo'lsak, animatsiya har safar aylanganda, animatsiya boshlang'ich holatiga qayta tiklanadi va qaytadan boshlanadi. Bu standart qiymat.
  
• 
  Reverse: Animatsiya har bir tsiklda orqaga qarab o'ynaydi. Boshqacha qilib aytganda, animatsiya har safar aylanganda, animatsiya oxirgi holatga qaytadi va qaytadan boshlanadi. Animatsiya bosqichlari orqaga qarab bajariladi va vaqt funksiyalari ham teskari. Misol uchun, ease-in vaqtni belgilash funktsiyasi ease-out bilan ajralib turadi.
  
• 
  Alternate: Animatsiya har bir siklda yo'nalishni o'zgartiradi, birinchi iteratsiya oldinga o'ynaladi. Tsiklning juft yoki toq ekanligini aniqlash uchun sanash bittadan boshlanadi.
  
• 
  alternate-reverse: Animatsiya har bir tsiklda yo'nalishni o'zgartiradi, birinchi iteratsiya orqaga o'ynaladi. Tsiklning juft yoki toq ekanligini aniqlash uchun sanash bittadan boshlanadi.
  

Eslatma: Animatsiya-* xususiyatida bir nechta vergul bilan ajratilgan qiymatlarni belgilaganingizda, ular animatsiya nomlari paydo bo'lish tartibida animatsiyalarga qo'llaniladi. Animatsiyalar soni va animatsiya-* xususiyat qiymatlari mos kelmagan holatlar uchun Bir nechta animatsiya xususiyati qiymatlarini o‘rnatish-ga qarang.