27.
|
CSS-də Gradients izah edin. Hansı gradient növlərini tanıyırsız? Nümunələrlə göstərin.
CSS'də gradients, iki və ya daha çox rəng arasında bir keçid (transition) əldə etmək üçün istifadə edilən CSS effektləridir. Gradientlər iki növə ayrılır: linear və radial. (Müəllim yazıb amma əslində 3 növü var linear, radial və conic(conic gradient mərkəz nöqtəsi ətrafında fırlanan rəng keçidləri olan qradiyentdir.))
Linear gradientlər, bir istiqamətdə (üfüqi, şaquli və ya ölçüləndirici) rənglərin əldə edildiyi effektlərdir.
Radial gradientlər, radial şəklində (məsələn, mərkəzə doğru) rənglərin keçidi ilə əldə edilir. Bu gradient növü dairəvi və ya elips şeklini ala bilər.
Nümunə və sitaksisi:
background-image: linear-gradient(red, yellow);
istiqamətdə yazıla bilər məsələn burada to bottom yazılıb: background-image: linear-gradient(to bottom right, red, yellow);
background-image: radial-gradient(red, yellow, green);
|
28.
|
CSS-də Shadows, Text Effects izah edin. Aşağıdakı kod nümunəsində box-shadow ifadəsini izah edin.
CSS'də shadow-lar (kölgələr), HTML elementinin arxasında və ya altında yaradılan effektlərdir. Shadowlar, elementə üç xüsusiyyət verir: ölçü, mərtəbə (blur) və rəng.
Ölçü, kölgənin elementdən nə qədər uzağda olduğunu təyin edir. Mərtəbə (blur), kölgənin nə qədər yumşaq olduğunu və rəng, gölgənin hansı rəngdə olduğunu təyin edir.
Shadowların müxtəlif növləri var, məsələn, box-shadow, text-shadow kimi. Box-shadow, bir HTML elementinin ətrafında kölgələr yaradır. Text-shadow, isə mətnin altında kölgə yaradır.
Nümunə və sintaksisi:
text-shadow: 2px 2px 5px red;
box-shadow: 10px 10px 5px lightblue;
Bu başlıqda biz aşağıdakı xassələri öyrənirik.
Text Overflow, Word Wrap, Line Breaking Rules, and Writing Modes
text-overflow xüsusiyyəti, göstərilməyən daşan məzmunun istifadəçiyə necə bildirələcəyini təyin edir.
word-wrap xüsusiyyəti uzun sözlərin qırılmasına və növbəti sətirə keçirilməsinə imkan verir.
word-break xassəsi sətir qırma qaydalarını müəyyən edir
writing-mode xassəsi mətnin sətirlərinin üfüqi və ya şaquli şəkildə yerləşdirildiyini müəyyənləşdirir.
|
