CSS animatsiya va media query

CSS'da @keyframes qaysi animatsiya jarayonini belgilaydi?

• Foydalanuvchi harakatiga bog'liq animatsiya
• Boshlang'ich va tugash holatlari orasidagi animatsiya
• Faqat oddiy transform animatsiyasi
• @media qoidalarini belgilash
• Hech qaysi

Answer explanation

@keyframes animatsiyaning oraliq holatlarini belgilaydi.

CSS da `animation-duration` nimani belgilaydi?

• Animatsiyaning tezligi
• Animatsiyaning davomiyligi
• Animatsiya takrorlanish soni
• Faqat hover animatsiyalar uchun ishlaydi
• Hech qaysi

Answer explanation

`animation-duration` animatsiyaning qancha davom etishini belgilaydi.

Media queries qanday maqsadda ishlatiladi?

• Brauzer turini aniqlash
• Ekran o‘lchamiga qarab stil o‘zgartirish
• JavaScript kodlarini o‘zgartirish
• Foydalanuvchi login qilganini tekshirish
• Hech qaysi

Answer explanation

Media queries ekran hajmiga qarab stil qo‘llash uchun ishlatiladi.

Quyidagi qaysi kod media queries yozish uchun to‘g‘ri?

• @media screen and (max-width: 600px) { body { background: red; } }
• @media (max-size: 600px) { body { background: red; } }
• @screen and (max-width: 600px) { body { background: red; } }
• @media screen (max-width: 600px) { body { background: red; } }
• Hech qaysi

Answer explanation

@media screen and (max-width: 600px) - to‘g‘ri sintaksis.

Animatsiya takrorlanish sonini belgilash uchun qaysi xususiyat ishlatiladi?

• animation-delay
• animation-duration
• animation-iteration-count
• animation-repeat
• Hech qaysi

Answer explanation

`animation-iteration-count` animatsiya necha marta takrorlanishini belgilaydi.

Media queries ichida qaysi o‘lchamdan foydalanish tavsiya etiladi?

• px
• rem
• em
• pt
• vh

Answer explanation

`em` birliklaridan foydalanish responsivlikni yaxshiroq boshqarishga yordam beradi.

CSS animatsiyalarida `ease-in-out` qanday ishlaydi?

• Animatsiya sekin boshlanib, tezlashadi
• Animatsiya doimiy tezlikda harakatlanadi
• Animatsiya sekin boshlanib, tezlashib, sekin tugaydi
• Animatsiya faqat tugash qismida sekinlashadi
• Hech qaysi

Answer explanation

`ease-in-out` boshlanishi va tugashida sekin harakat qiladi.

CSS animatsiyasida `animation-delay` nimani belgilaydi?

• Animatsiyaning qancha vaqt davom etishini
• Animatsiya boshlanishidan oldin qancha kutish kerakligini
• Animatsiya qanday tezlikda bajarilishini
• Animatsiyaning oxirgi bosqichini
• Hech qaysi

Answer explanation

`animation-delay` animatsiya boshlanishidan oldin qancha vaqt kutish kerakligini belgilaydi.

CSS animatsiyasida 'infinite' nima uchun ishlatiladi?

• Animatsiyani cheksiz takrorlash
• Animatsiya effektini o‘chirish
• Faqat bitta marta animatsiya bajarish
• Animatsiyani sekinlashtirish
• Hech qaysi

Answer explanation

`infinite` animatsiyani cheksiz davom ettirish uchun ishlatiladi.

CSS da qaysi operator media queries ichida 'va' (and) ma’nosini bildiradi?

• &
• &&
• AND
• and
• Hech qaysi

Answer explanation

CSS media queries ichida 'and' operatori ishlatiladi.