CSS анимации

Ushbu kitob CSS3 texnologiyasining yangi imkoniyatlarini, xususan animatsiyalar yaratishni batafsil ko'rib chiqadi. Unda CSS3 animatsiyalarining asosiy qoidalari, xususiyatlari va ularni veb-sahifalarda qo'llash bo'yicha amaliy misollar keltirilgan. Kitob veb-dizaynerlar va dasturchilar uchun mo'ljallangan bo'lib, ularga interaktiv va jozibali veb-interfeyslarni yaratishda yordam beradi.

Asosiy mavzular

• @keyframes qoidasi: Animatsiya uchun asosiy qadamlarni belgilaydi. Qadamlar animatsiya davomida element xususiyatlarining o'zgarishini ko'rsatadi.
• animation-name xususiyati: Animatsiya nomini belgilaydi va uni @keyframes qoidasi bilan bog'laydi.
• animation-duration xususiyati: Animatsiya davomiyligini (sekund yoki millisekundlarda) belgilaydi.
• animation-timing-function xususiyati: Animatsiya tezligining vaqt davomida o'zgarishini boshqaradi (tekis, sekinlashuvchi, tezlashuvchi va h.k.).
• animation-delay xususiyati: Animatsiya boshlanishini kechiktirish vaqtini belgilaydi.
• animation-iteration-count xususiyati: Animatsiya necha marta takrorlanishini belgilaydi (cheksiz takrorlash ham mumkin).
• animation-direction xususiyati: Animatsiya yo'nalishini belgilaydi (oddiy, teskari, almashinuvchi).
• animation xususiyatining qisqa yozuvi: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count va animation-direction xususiyatlarini bir qatorda birlashtirish imkonini beradi.
• animation-play-state xususiyati: Animatsiyani to'xtatib turish yoki davom ettirishni boshqaradi.
• animation-fill-mode xususiyati: Animatsiya tugagandan keyin elementning qanday holatda bo'lishini belgilaydi.
• CSS3 o'tishlari (transitions): CSS xususiyatlarining qiymatlarini asta-sekin o'zgartirish imkonini beradi.
• CSS3 transformatsiyalari (transforms): Elementlarni o'lchamini, shaklini va joylashuvini o'zgartirishga imkon beradi (siljitish, aylantirish, masshtablash, qiyshaytirish).