Funktsioon brightness
Funktsioon brightness võimaldab muuta
taustapildi heledust. Algne tausta
heledus on määratud väärtusega 100% või 1,
nende vähendamisel väheneb ka pildi heledus.
Vastavalt suurendades väärtust üle 100%
heledus suureneb. Negatiivseid väärtusi ei rakendata,
ja tühi väärtus võetakse automaatselt
kui 1.
Süntaks
selektor {
filter: brightness(arv);
}
Näide
Määrame oma pildile heleduse
väärtuseks 20%:
<div id="elem"></div>
#elem {
filter: brightness(20%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Näide
Nüüd suurendame pildi heledust
väärtuseni 120%:
<div id="elem"></div>
#elem {
filter: brightness(120%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Näide
Määrame oma pildile algse heleduse:
<div id="elem"></div>
#elem {
filter: brightness(1);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Vaata ka
-
funktsioon
blur,
mis muudab tausta häguseks -
funktsioon
contrast,
mis määrab taustale 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 -
funktsioon
sepia,
mis muudab tausta seepiaefektiga -
omadus
background,
mis on tausta lühendomadus -
omadus
background-image,
mille abil saab plokile määrata taustapildi -
omadus
filter,
mis määrab taustale stiili