Funksioni hue-rotate

Funksioni hue-rotate lejon të ndryshojë ngjyrën e imazhit të sfondit përmes rrotullimit të hijes në rrethin e ngjyrave. Vlerat e vetive specifikohen në shkallë, që tregojnë këndin e rrethit të ngjyrave. Vlera 0 ose 360 tregon se imazhi mbetet i pandryshuar, ndërsa çdo numër i vendosur brenda këtij intervali çon në ndryshim të hijes së sfondit. Si parazgjedhje, vlera është 0deg.

Sintaksa

selektori {
	filter: hue-rotate(këndi);
}

Shembull

Le t'i vendosim imazhit tonë ngjyrën të barabartë me 150deg:

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

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

Shembull

Tani le të vendosim ngjyrën e imazhit të barabartë me 50deg:

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

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

Shembull

Le të mos e vendosim vlerën në vetinë hue-rotate:

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

#elem {
	filter: hue-rotate();
	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 invert,
që përmbys ngjyrat e sfondit
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ë ketë imazh sfondi
vetia filter,
që vendos stilin për sfondin