Html tilida formalar, freymlar va ob’yektlar


Transition va Transformation birlashmasi



Yüklə 21,09 Kb.
səhifə3/4
tarix11.12.2023
ölçüsü21,09 Kb.
#148509
1   2   3   4
FARIDA OPA

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.
Yüklə 21,09 Kb.

Dostları ilə paylaş:
1   2   3   4




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©genderi.org 2024
rəhbərliyinə müraciət

    Ana səhifə