brightness funksiyası

brightness funksiyası fon şəklinin parlaqlığını dəyişməyə imkan verir. Fonun ilkin parlaqlığı 100% və ya 1 dəyəri ilə müəyyən edilir, onlar azaldıqda şəklin parlaqlığı da azalır. Müvafiq olaraq, dəyər 100%-dən çox artırıldıqda parlaqlıq artır. Mənfi dəyərlər tətbiq edilmir, boş dəyər isə avtomatik olaraq 1 kimi qəbul edilir.

Sintaksis

selektor {
	filter: brightness(ədəd);
}

Nümunə

Gəlin şəklimiz üçün parlaqlığı 20% təyin edək:

<div id="elem"></div>

#elem {
	filter: brightness(20%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Nümunə

İndi isə gəlin şəklin parlaqlığını 120% qədər artıraq:

<div id="elem"></div>

#elem {
	filter: brightness(120%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Nümunə

Gəlin şəklimiz üçün ilkin parlaqlığı təyin edək:

<div id="elem"></div>

#elem {
	filter: brightness(1);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Həmçinin bax

fonu bulanıkləşdirən blur funksiyası
fona kontrastlıq təyin edən contrast funksiyası
fona kölgə təyin edən drop-shadow funksiyası
fona rəng dərəcəsini təyin edən hue-rotate funksiyası
fonun rənglərini çevirən invert funksiyası
fona şəffaflıq təyin edən opacity funksiyası
fonu sepıyaya çevirən sepia funksiyası
fon üçün qısaldılmış xassə olan background xassəsi
bloka fon şəkli təyin etmək üçün istifadə edilən background-image xassəsi
fon üçün stil təyin edən filter xassəsi