Funkcija brightness

Funkcija brightness ļauj mainīt fona attēla spilgtumu. Sākotnējais fona spilgtums tiek noteikts ar vērtību 100% vai 1, samazinot tās, samazinās arī attēla spilgtums. Attiecīgi, palielinot vērtību virs 100%, spilgtums palielinās. Negatīvas vērtības netiek lietotas, un tukša vērtība automātiski tiek uztverta kā 1.

Sintakse

selektors {
	filter: brightness(skaitlis);
}

Piemērs

Uzstādīsim mūsu attēlam spilgtumu uz 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;
}

Piemērs

Tagad palielināsim attēla spilgtumu līdz 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;
}

Piemērs

Uzstādīsim mūsu attēlam sākotnējo spilgtumu:

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

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

Skatiet arī

funkcija blur,
kura izplūšina fonu
funkcija contrast,
kura nosaka kontrastu fonam
funkcija drop-shadow,
kura pievieno ēnu fonam
funkcija hue-rotate,
kura maina toņu fonam
funkcija invert,
kura invertē fona krāsas
funkcija opacity,
kura nosaka caurspīdīgumu fonam
funkcija sepia,
kura pārveido fonu sepijā
īpašība background,
kas ir saīsinājuma īpašība fonam
īpašība background-image,
ar kuru blokam var piešķirt fona attēlu
īpašība filter,
kas nosaka stilu fonam