Qısacası: Bu koddan istifadə etməklə HTML elementinə müvafiq olaraq 10% böyütmə, 20 dərəcə fırlanma, 5 piksel sağa və 5 piksel aşağı və 10 dərəcə üfüqi əyilmə verilir. Bu əməliyyatlar elementi istədiyiniz kimi çevirmək və yerləşdirmək üçün istifadə edilə bilər.
30.
CSS-də Transitions izah edin. Transition-ların hansı xüsusiyyətləri var?
CSS Transitions, elementlərin xüsusiyyətlərinin dəyişdirilməsi zamanı, dəyişikliklərin animasiyalı olmasını təmin edən bir effekt sistemdir. Transition-ların aşağıdakı xüsusiyyətlərini öyrənək.
transition-delay - dəyişikliklərin nə zaman başlamasını təyin edir. transition-delay dəyəri, saniyə ilə daxil edilə bilir.
transition-duration - dəyişikliklərin neçə saniyə müddətində baş verəcəyini təyin edir.
transition-property - dəyişikliklərin hansı element xüsusiyyətinə görə tətbiq edilməsini təyin edir.
transition-timing-function - dəyişikliklərin hansı qayda ilə tətbiq olunacağını təyin edir.
Umumi olaraq sintaksisi aşağıdakı kimidir.
transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
31.
CSS-də The var() Function nədir? Nə üçün istifadə olunur?
"var()" funksiyası, CSS özəllikləri üçün dəyişkən təyin etməyə və bu dəyişkənə verilən adı təyin edərək onu dəyərə çevirmək üçün istifadə olunur.
:root {
--color: red;
}
body{
color: var(--color);
}
Bu kod hissəsində, ":root" seçicisi ilə təyin edilən bir dəyişkən"--color", "body" elementinin arxa fon rəngini təyin etmək üçün istifadə edilir. "var()" funksiyası, bu dəyişkənin dəyərinin istifadə edilməsini təmin edir.
Bu üsulla, bir CSS faylında çox sayda dəyişkən təyin edilə bilər və bu dəyişkənlər daha sonra faylın başqa yerlərində də istifadə edilə bilər. Bu, məzmunun daha asan dəyişdirilməsini və idarə edilməsini təmin edir.
32.
CSS-də Media Queries nədir? Harada və nə üçün istifadə olunur? Aşağıdakı kod nümunəsini izah edin.
CSS Media Queries, web səhifələrinin ölçüsü və xüsusiyyətlərinə görə uyğun bir şəkildə dəyişdirilə bilən CSS kodunu təqdim edir. Bu, responsive web dizaynının əsas bir hissəsidir.
Media Queries, CSS kodunun hər hansı bir xüsusiyyətini xüsusi bir şərtlə əlaqələndirir. Bu şərtlər əsasən viewport ölçülərində (səhifənin açıldığı brauzer pəncərəsi ölçüsü), cihazın ekran ölçüsündə və ya cihazın tipindən asılı olaraq təyin edilir.
Media Queries, responsiv veb dizaynın əsas hissəsidir və mobil cihazlar, tablet və böyük ekranlı monitorlar kimi fərqli cihazlarda veb səhifələrin düzgün şəkildə görünməsini təmin edir. İstifadəçinin cihazının ekran ölçülərini, ekran orientasiyasını, piksel sıxlığını və digər xüsusiyyətlərini yoxlamaq üçün Media Queries istifadə edilir. Bu məlumatlar əsasında uyğun CSS qaydaları seçilir və tətbiq edilir.
@media screen and (max-width: 768px) {
/* Burada uyğun CSS qaydaları yerləşdirilir */
}
Bu nümunədə, screenözəlliyi max-width: 768px şərtinə uyğun cihazlar üçün CSS qaydalarının tətbiq edilməsini bildirir. Bu, 768 pikseldən kiçik ekranlarda (mobil cihazlarda) bu CSS qaydalarının işləməsini deməkdir.
Media Queries ilə istifadəçilərə özəl bir təcrübə təmin etmək və cihazlara uyğun görüntülənməni təmin etmək mümkündür.
