Funksioni brightness

Funksioni brightness lejon ndryshimin e shkëlqimit të imazhit të sfondit. Shkëlqimi origjinal i sfondit përcaktohet nga vlera 100% ose 1, kur ato ulen, ulet edhe shkëlqimi i imazhit. Prandaj, kur rritet vlera mbi 100% shkëlqimi rritet. Vlerat negative nuk aplikohen, dhe vlera e zbrazët automatikisht perceptohet si 1.

Sintaksa

selektori {
	filter: brightness(numri);
}

Shembull

Le të vendosim shkëlqimin për imazhin tonë në 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;
}

Shembull

Dhe tani le të rrisim shkëlqimin e imazhit në 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;
}

Shembull

Le të vendosim për imazhin tonë shkëlqimin origjinal:

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

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

Shihni gjithashtu

funksioni blur,
që zamazon sfondin
funksioni contrast,
që përcakton kontrastin për sfondin
funksioni drop-shadow,
që përcakton hijen për sfondin
funksioni hue-rotate,
që përcakton ngjyrën për sfondin
funksioni invert,
që përmbys ngjyrat e sfondit
funksioni opacity,
që përcakton transparencën për sfondin
funksioni sepia,
që e shndërron sfondin në sepi
vetia background,
që përfaqëson një veti-shkurtim për sfondin
vetia background-image,
me të cilën një blloku mund t'i jepet një imazh sfondi
vetia filter,
që përcakton stilin për sfondin