Brightness funksiýasy

brightness funksiýasy fon suratynyň ýagtylygyny üýtgetmäge mümkinçilik berýär. Fonyň başdaky ýagtylygy 100% ýa-da 1 bahasy bilen kesgitlenýär, olary azaltmak bilen suratyň ýagtylygy hem peselýär. 100%-den ýokary baha berilende ýagtylyk artýar. Teris bahalar ulanylmaýar, boş baha bolsa awtomatiki suratda 1 hasaplanýar.

Sintaksis

cssselektor {
  filter: brightness(san);
}

Mysal

Geliň, suratymyza ýagtylygy 20% belirleýälim:

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;
}

Результат:

Mysal

Indi bolsa, suratyň ýagtylygyny 120% çenli artýarys:

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;
}

Результат:

Mysal

Geliň, suratymyza başdaky ýagtylygy belirleýälim:

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;
}

Результат:

Şeýle-de görüň