Funksioni opacity

Funksioni opacity lejon ndryshimin e transparencës së imazhit të sfondit. Vlera 100% ose 1 e lë imazhit transparencën origjinale. Vlera 0 tregon që imazhi do të bëhet plotësisht transparent. Çdo numër i vendosur në këtë interval vendos transparencë të pjesshme të sfondit. Nuk mund të vendoset vlerë negative. Si parazgjedhje, vlera është 1.

Sintaksa

përzgjedhësi {
	filter: opacity(numri);
}

Shembull

Le të vendosim transparencën e imazhit tonë në 50%:

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

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

Shembull

Dhe tani le të vendosim transparencën në 100%:

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

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

Shembull

Dhe tani le të vendosim në funksionin opacity vlerën e barabartë me 0:

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

#elem {
	filter: opacity(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 e sfondit
funksioni contrast,
që vendos kontrastin e sfondit
funksioni drop-shadow,
që vendos hijen e sfondit
funksioni hue-rotate,
që vendos ngjyrën e sfondit
funksioni invert,
që përmbys ngjyrat e sfondit
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