Funksioni invert

Funksioni invert lejon përmbysjen e ngjyrave në imazhin e sfondit. Vlera 0 tregon që imazhi mbetet origjinal. Vlera 100% ose 1 i përmbys plotësisht ngjyrat e sfondit. Çdo numër i vendosur në këtë interval i përmbys pjesërisht ngjyrat. Nuk mund të vendoset vlerë negative. Si parazgjedhje, vlera është 0.

Sintaksë

selektori {
	filter: invert(numri);
}

Shembull

Le t'i përmbysim ngjyrat e imazhit tonë deri në vlerën 50%:

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

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

Shembull

Tani le t'i përmbysim ngjyrat e imazhit tonë deri në vlerën 100%:

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

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

Shembull

Tani le të vendosim në funksionin invert vlerën e barabartë me 0:

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

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

Shihni gjithashtu

funksioni blur,
që zamazon sfondin
funksioni brightness,
që vendos shkëlqimin për sfondin
funksioni contrast,
që vendos kontrastin për sfondin
funksioni drop-shadow,
që vendos hijen për sfondin
funksioni hue-rotate,
që vendos ngjyrën për sfondin
funksioni opacity,
që vendos 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ë vendos stilin për sfondin