Funkcija brightness

Funkcija brightness leidžia pakeisti fono paveikslėlio ryškumą. Pradinis fono ryškumas nustatomas reikšme 100% arba 1, juos sumažinus, sumažėja ir paveikslėlio ryškumas. Atitinkamai, padidinus reikšmę virš 100% ryškumas padidėja. Neigiamos reikšmės netaikomos, o tuščia reikšmė automatiškai suvokiama kaip 1.

Sintaksė

selektorius {
	filter: brightness(skaičius);
}

Pavyzdys

Nustatykime mūsų paveikslėliui ryškumą 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;
}

Pavyzdys

O dabar padidinkime paveikslėlio ryškumą iki 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;
}

Pavyzdys

Nustatykime mūsų paveikslėliui pradinį ryškumą:

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

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

Taip pat žiūrėkite

funkcija blur,
kuri išblunka foną
funkcija contrast,
kuri nustato fono kontrastą
funkcija drop-shadow,
kuri nustato fono šešėlį
funkcija hue-rotate,
kuri nustato fono spalvingumą
funkcija invert,
kuri invertuoja fono spalvas
funkcija opacity,
kuri nustato fono permatomumą
funkcija sepia,
kuri paverčia foną sepija
savybė background,
kuri yra sutrumpinta fono savybė
savybė background-image,
kuria blokui galima nustatyti fono paveikslėlį
savybė filter,
kuri nustato fono stilių