Funksioni sepia

Funksioni sepia lejon të krijohet një sepia nga imazhi i sfondit - një imazh bardh e zi me një nuancë kafe. Vlera 0 tregon që imazhi do të mbetet origjinal. Vlera 100% ose 1 e shndërron plotësisht sfondin në sepia. Çdo numër i vendosur në këtë interval vendos zbatimin e sepias në mënyrë lineare. Nuk mund të vendoset vlerë negative. Si parazgjedhje, vlera është 0.

Sintaksa

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

Shembull

Le ta kthejmë imazhin tonë në sepia të plotë:

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

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

Shembull

Tani le ta zvogëlojmë zbatimin e sepias në 50%:

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

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

Shembull

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

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

#elem {
	filter: sepia(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 invert,
që përmbys ngjyrat e sfondit
funksioni opacity,
që vendos transparencën për sfondin
vetia background,
që paraqet 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