Transition va Transformation birlashmasi: CSS transition va transform xususiyatlari orqali elementlarga kompleks animatsiyalar yaratish uchun qo'shimcha o'zgarishlar beriladi.
Misol:
````css
.animatsiya-elementi {
transition: transform 0.5s ease-in-out; /* O'tishning 0.5 sekundda amalga oshishini aniqlash */
}
.animatsiya-elementi:hover {
transform: scale(1.2) rotate(45deg); /* Elementni hover qilganda kattalashtirish va 45 darajada aylantirish */
}
```
CSS yordamida animatsiya yaratish uchun boshqa usullar va xususiyatlar ham mavjud. CSS3 imkoniyatlari va animatsiya to'plamlaridan (masalan, Animate.css) ham foydalanishingiz mumkin. Animatsiyalar yaratishda kreativlikni o'rgazib, talab qilgan o'zgarishlarni va o'zgarish shart.
JAVASCRIPT ASOSLARI
JavaScript, brauzerlar yoki Node.js kabi muhitlarda ishlatiladigan bir skriptlash tili va muhitidir. Bu dasturlash tili, veb saytlarga interaktivlik qo'shish, ma'lumotlarni manipulyatsiya qilish, animatsiyalar yaratish va boshqa ko'plab vazifalarni bajarishga imkon beradi. Quyidagi JavaScript asoslari mavjud:
1. O'zgaruvchilar: JavaScriptda o'zgaruvchilar, ma'lumotlarni saqlash uchun ishlatiladi. O'zgaruvchilar, var, let va const kalit so'zlaridan foydalanilgan holda e'lon qilinadi. var eski usul e'lon qilish, let esa blokda faqatgina e'lon qilish, va const esa o'zgarmas o'zgaruvchilarni e'lon qilish uchun ishlatiladi.
Misol:
`````javascript
var x = 5; // var bilan o'zgaruvchi e'lon qilish
let y = 10; // let bilan o'zgaruvchi e'lon qilish
const z = 15; // const bilan o'zgarmas o'zgaruvchi e'lon qilish
```
2. Operatorlar: JavaScriptda matematik, solishtirish, mantiqiy va boshqa turdagi operatorlar mavjud. Bu operatorlar o'zaro aloqani bajarish uchun ishlatiladi.
Misol:
````javascript
let a = 5;
let b = 10;
let c = a + b; // Qo'shish operatori
let d = a * b; // Ko'paytirish operatori
let e = (a > b) ? "a katta b" : "b katta yoki teng a"; // Ternar operatori
```
3.
Dostları ilə paylaş: |