Funktsioon brightness

Funktsioon brightness võimaldab muuta taustapildi heledust. Algne tausta heledus on määratud väärtusega 100% või 1, nende vähendamisel väheneb ka pildi heledus. Vastavalt suurendades väärtust üle 100% heledus suureneb. Negatiivseid väärtusi ei rakendata, ja tühi väärtus võetakse automaatselt kui 1.

Süntaks

selektor {
	filter: brightness(arv);
}

Näide

Määrame oma pildile heleduse väärtuseks 20%:

<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äide

Nüüd suurendame pildi heledust väärtuseni 120%:

<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äide

Määrame oma pildile algse heleduse:

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

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

Vaata ka

funktsioon blur,
mis muudab tausta häguseks
funktsioon contrast,
mis määrab taustale kontrastsuse
funktsioon drop-shadow,
mis määrab taustale varju
funktsioon hue-rotate,
mis määrab tausta värvuse
funktsioon invert,
mis inverteerib tausta värvid
funktsioon opacity,
mis määrab tausta läbipaistvuse
funktsioon sepia,
mis muudab tausta seepiaefektiga
omadus background,
mis on tausta lühendomadus
omadus background-image,
mille abil saab plokile määrata taustapildi
omadus filter,
mis määrab taustale stiili