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