Mavzu: Transition css, Position css, qutilarni surib joylashtirish CSS'da "transition" va "position" qutilari elementlarni stilini o'zgartirish va joylashtirishda ishlatiladigan imkoniyatlarni beradi. Quyidagi tariflar bu qutilar haqida malumot beradi "Transitionlar" CSS qutilari, elementlarda o'zgarishlarni animatsiyalash uchun ishlatiladigan usullardir. Ushbu qutilar orqali elementning bir holatidan boshqasiga o'tishda qo'llanilgan CSS xususiyatlarning o'zgarishini yumshatish, to'xtatish yoki o'zgarishni animatsiyalash imkoniyatini beradi. "transition" qutisi, "transition-property", "transition-duration", "transition-timing-function" va "transition-delay" xususiyatlardan iborat bo'lishi mumkin. transition-property: "transition-property" xususiyati orqali animatsiyalash uchun belgilangan CSS xususiyat(lar)ni belgilaymiz. Bu xususiyatga bir nechta CSS xususiyatlarni yozish imkoniyati mavjud. Masalan. .element { transition-property: width, color; } ``` Ushbu misolda, "width" va "color" xususiyatlari o'zgarishlari animatsiyalash jarayonida qo'llaniladi. transition-duration: "transition-duration" xususiyati orqali o'zgarishning davomiyligini belgilaymiz. Ushbu davomiylilik milisekundlar (ms) yoki soniyalar (s) formatida ifodalaydi. Masalan: .element { transition-duration: 0.5s; } ```