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