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

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

Nümunə

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

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

css#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:

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

css#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:

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

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

Результат:

Həmçinin bax