Sepia funktsioon
Funktsioon sepia võimaldab
muuta taustapildi sepiaks -
must-valge pildi pruunika tooniga.
Väärtus 0 tähendab,
et pilt jääb algseks.
Väärtus 100% või 1 muudab
tagusta täielikult sepiaks. Iga number selles
vahemikus määrab sepia rakendamise lineaarselt.
Negatiivset väärtust ei saa määrata.
Vaikimisi on väärtuseks 0.
Süntaks
valija {
filter: sepia(arv);
}
Näide
Teeme oma pildist täieliku sepia:
<div id="elem"></div>
#elem {
filter: sepia(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Näide
Nüüd vähendame sepia rakendamist
50% võrra:
<div id="elem"></div>
#elem {
filter: sepia(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Näide
Nüüd määrame funktsioonis
sepia väärtuseks
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;
}
:
Vaata ka
-
funktsioon
blur,
mis hägustab tausta -
funktsioon
brightness,
mis määrab tausta ereduse -
funktsioon
contrast,
mis määrab tausta kontrastsuse -
funktsioon
drop-shadow,
mis määrab taustale varju -
funktsioon
hue-rotate,
mis määrab tausta värvuse -
funktsioon
invert,
mis inverteerib tausta värvid -
funktsioon
opacity,
mis määrab tausta läbipaistvuse -
omadus
background,
mis on tausta lühendomadus -
omadus
background-image,
millega saab plokile määrata taustapildi -
omadus
filter,
mis määrab tausta stiili