Xususiyat animation-delay animatsiya boshlanishi uchun kechikishni belgilaydi.
Salbiy qiymatlarga ham ruxsat beriladi. Agar salbiy qiymatlardan foydalansangiz, animatsiya allaqachon n soniya davomida o'ynagandek boshlanadi
Animatsiya necha marta ishlashini belgilash Xususiyat animation-iteration-count animatsiyani necha marta ishga tushirish kerakligini belgilaydi. Quyidagi misolda animatsiya toʻxtamasdan oldin 3 marta ishlaydi:
Quyidagi misolda animatsiya abadiy davom etishi uchun "cheksiz" qiymatidan foydalaniladi:
Xususiyat animation-direction animatsiya oldinga, orqaga yoki muqobil sikllarda ijro etilishi kerakligini belgilaydi. Animatsiya yo'nalishi xususiyati quyidagi qiymatlarga ega bo'lishi mumkin: - normal- Animatsiya odatdagidek ijro etiladi (oldinga). Bu standart
- reverse - Animatsiya teskari yo'nalishda o'ynaladi (orqaga)
- alternate - Animatsiya avval oldinga, keyin esa orqaga o'ynaladi
- alternate-reverse - Animatsiya avval orqaga, keyin oldinga qarab ijro etiladi
Quyidagi misol animatsiyani teskari yo'nalishda (orqaga) ishga tushiradi: Quyidagi misol animatsiyani teskari yo'nalishda (orqaga) ishga tushiradi:
Quyidagi misolda animatsiyani avval oldinga, keyin esa orqaga o‘tkazish uchun “alternativ” qiymati qo‘llaniladi
Animatsiya tezligi egri chizig'ini belgilash Xususiyat animation-timing-function animatsiyaning tezlik egri chizig'ini belgilaydi. Animatsiya-vaqt-funktsiyasi xususiyati quyidagi qiymatlarga ega bo'lishi mumkin. - ease- Animatsiyani sekin boshlash, keyin tez, keyin sekin tugashni belgilaydi (bu standart)
- linear- Boshdan oxirigacha bir xil tezlikda animatsiyani belgilaydi
- ease-in- Sekin boshlanuvchi animatsiyani belgilaydi
- ease-out- Sekin tugaydigan animatsiyani belgilaydi
- ease-in-out- sekin boshlanishi va tugashi bilan animatsiyani belgilaydi
- cubic-bezier(n,n,n,n) - Kub-bezier funktsiyasida o'z qiymatlaringizni aniqlash imkonini beradi
Do'stlaringiz bilan baham: |
