A brightness függvény

A brightness függvény lehetővé teszi a háttérkép fényerejének módosítását. A háttér eredeti fényerejét a 100% vagy 1 érték határozza meg. Ezek csökkentésével a kép fényereje is csökken. Ennek megfelelően, ha az érték 100% fölé emelkedik, a fényerő növekszik. A negatív értékek nem alkalmazhatók, az üres értéket pedig automatikusan 1 értékként értelmezi a rendszer.

Szintaxis

cssselector {
  filter: brightness(szám);
}

Példa

Állítsuk be a kép fényerejét 20%-ra:

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

Результат:

Példa

Most növeljük a kép fényerejét 120%-ra:

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

Результат:

Példa

Állítsuk vissza a kép eredeti fényerejét:

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

Результат:

Lásd még