css animatsiyalar va tranzaksiyalar

PPTX 15 sahifa 5,2 MB Bepul yuklash

Sahifa ko'rinishi (5 sahifa)

Pastga aylantiring 👇
1 / 15
powerpoint presentation oʻzbekiston respublikasi oliy ta’lim, fan va innovatsiyalar vazirligi taqdimot mavzu: css animatsiyalar va tranzaksiyalar tayyorladi: 1. css o'tishlari va animatsiyalari asoslari 2. murakkab animatsiyalar va interaktivlik 3. unumdorlik, optimallashtirish va eng yaxshi amaliyotlar reja: css o'tishlarining asoslari css o'tishlari elementning xususiyatlaridagi o'zgarishlarni muayyan vaqt davomida silliqlash imkonini beradi, masalan, rangni 0.5 soniyada o'zgartirish sichqoncha ustiga bosilganda. transition-property, transition-duration, transition-timing-function va transition-delay kabi 4 ta asosiy xususiyat o'tishning qanday amalga oshirilishini aniqlaydi. o'tish xususiyatlari va ularning sozlashlari transition-property o'tish effektini qo'llaniladigan css xususiyatini belgilaydi, masalan all qiymati barcha o'zgaradigan xususiyatlarga ta'sir qiladi. transition-duration o'tish davomiyligini soniyalarda (s) yoki millisekundlarda (ms) ifodalaydi, masalan, 2s o'tishni ikki soniya davomida bajaradi. css animatsiyalariga kirish css animatsiyalari elementlarning ko'rinishini vaqt o'tishi bilan o'zgartirishga imkon beradi, 0 soniyadan bir necha daqiqagacha bo'lgan animatsiya davrida turli xususiyatlarni o'zgartiradi. css o'tishlari statik holatlar o'rtasida silliq animatsiya yaratish uchun ishlatiladi, odatda hover effektlari uchun foydalaniladi, 0.1 dan …
2 / 15
cha) foydalanadi, bu animatsiya boshida va oxirida tezlikni moslashtirishga imkon beradi. steps(n, direction) vaqt funksiyasi animatsiyani n ta teng qadamga bo'ladi, bu esa animatsiyani uzluksiz o'zgarish o'rniga qadam-qadam ko'rinishga olib keladi. animatsiyani takrorlash va yo'nalishni boshqarish animation-iteration-count xususiyati animatsiyaning necha marta takrorlanishini belgilaydi, soni cheksiz (infinite) bo'lishi mumkin yoki 2, 3 kabi musbat sonlarni ko'rsatish mumkin. animation-direction animatsiya har bir takrorlanishda qanday yo'nalishda harakatlanishini nazorat qiladi, masalan, normal, reverse, alternate (oldinga va orqaga) va alternate-reverse. animatsiya kechikishi (delay) va uning roli animatsiya kechikishi (animation-delay) animatsiyaning boshlanishini belgilangan soniya (s) yoki millisekund (ms) ga kechiktiradi, bu ketma-ket animatsiyalarni yaratishda 0.5s kabi muhim rol o'ynaydi. animation-delay salbiy qiymatlarni ham qabul qilishi mumkin. masalan, -1s animatsiyani bir soniya boshlangan holda boshlaydi, bu esa uning birinchi holatni o'tkazib yuborishiga olib keladi. murakkab css animatsiyalarini yaratish murakkab animatsiyalarni yaratish uchun animation-delay xususiyatidan foydalaning. bir nechta elementlarni ketma-ket jonlantiring, masalan, birinchi element 0.5 soniyadan keyin, ikkinchisi …
3 / 15
a ishlatish xotirani ko'paytirishi mumkin. brauzer muvofiqligi va yechimlar css animatsiyalari va o'tishlari turli brauzerlarda turlicha ishlashi mumkin; masalan, eski brauzerlar animatsiya xususiyatlarining ayrim qismlarini qo'llab-quvvatlamasligi mumkin. shuning uchun tekshirib ko'rish kerak. brauzer muvofiqligini ta'minlash uchun -webkit-, -moz-, -ms- va -o- kabi brauzer prefikslaridan foydalanish mumkin, bu har bir brauzerda yaxshi ishlashini ta'minlaydi; bu juda muhim. css animatsiyalari va o'tishlarining amaliy misollari e-commerce saytlarida mahsulotlarni ko'rsatishda animatsiyalardan foydalanish, masalan, hover effektida mahsulotning 360 gradusda aylanishi yoki 0.3 sekund ichida kattalashishi kabi o'tishlar qo'llanilishi mumkin. saytlarda yuklanish ko'rsatkichlari, 1 sekund ichida aylana yoki progress barni to'ldirish animatsiyasi orqali foydalanuvchiga jarayon davom etayotganligini ko'rsatib, foydalanuvchi tajribasini yaxshilaydi. interaktivlik va javascript bilan integratsiya javascript animatsiya tugashini 100% aniqlik bilan aniqlash, dinamik stillarni o'zgartirish yoki foydalanuvchi harakatlariga asoslangan trigger funktsiyalarini yaratish uchun zarur. .addeventlistener() kabi javascript usullari css o'tishlarini boshqarish imkonini beradi, masalan, mouseover hodisasi tufayli o'tishni ishga tushirish yoki 250ms kechikishdan keyin animatsiya …
4 / 15
css animatsiyalar va tranzaksiyalar - Page 4
5 / 15
css animatsiyalar va tranzaksiyalar - Page 5

Ko'proq o'qimoqchimisiz?

Barcha 15 sahifani Telegram orqali bepul yuklab oling.

To'liq faylni yuklab olish

"css animatsiyalar va tranzaksiyalar" haqida

powerpoint presentation oʻzbekiston respublikasi oliy ta’lim, fan va innovatsiyalar vazirligi taqdimot mavzu: css animatsiyalar va tranzaksiyalar tayyorladi: 1. css o'tishlari va animatsiyalari asoslari 2. murakkab animatsiyalar va interaktivlik 3. unumdorlik, optimallashtirish va eng yaxshi amaliyotlar reja: css o'tishlarining asoslari css o'tishlari elementning xususiyatlaridagi o'zgarishlarni muayyan vaqt davomida silliqlash imkonini beradi, masalan, rangni 0.5 soniyada o'zgartirish sichqoncha ustiga bosilganda. transition-property, transition-duration, transition-timing-function va transition-delay kabi 4 ta asosiy xususiyat o'tishning qanday amalga oshirilishini aniqlaydi. o'tish xususiyatlari va ularning sozlashlari transition-property o'tish effektini qo'llaniladigan css xususiyatin...

Bu fayl PPTX formatida 15 sahifadan iborat (5,2 MB). "css animatsiyalar va tranzaksiyalar"ni yuklab olish uchun chap tomondagi Telegram tugmasini bosing.

Teglar: css animatsiyalar va tranzaksiy… PPTX 15 sahifa Bepul yuklash Telegram