|
Presentation title
|
bet | 4/4 | Sana | 11.12.2023 | Hajmi | 0,99 Mb. | | #115351 |
Bog'liq Web 1-mustaqilCSS yordamida animatsiyalar yaratish uchun qadam-maqolalarni izohlovchi o'zgaruvchilarni ishlatish imkoniyatiga ega bo'lasiz. CSS (Cascading Style Sheets) yordamida animatsiyalar yaratishning asosiy usullari quyidagilar: Transition (o'tish) ishlatish: transition xususiyati orqali belgilangan HTML elementlaringizning xususiyatlarini (masalan, background rangi, o'lchami, shakli, yoki o'lchami) o'zgartirish o'girlikni sozlash orqali sodda animatsiyalar yarating. Misol uchun, quyidagi CSS kodi animatsiyalarni yaratadi: .animatsiya-element { transition: all 0.3s ease-in-out; } .animatsiya-element:hover { transform: scale(1.2); background-color: #3498db; } @keyframes changeSize { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .animatsiya-element { animation: changeSize 2s infinite; }
CSS yordamida animatsiyalar yaratish.
My First JavaScript Animation
|
| |