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