Funkcija brightness
Funkcija brightness omogoča
spreminjanje svetlosti slike ozadja. Izvorna svetlost
ozadja je določena z vrednostjo 100% ali 1,
ob njihovem zmanjšanju se zmanjša tudi svetlost slike.
V skladu s tem, ko se vrednost poveča nad 100%,
se svetlost poveča. Negativne vrednosti se ne uporabljajo,
prazna vrednost pa se samodejno obravnava
kot 1.
Sintaksa
selektor {
filter: brightness(število);
}
Primer
Nastavimo svetlost naše slike
na 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;
}
:
Primer
Zdaj pa povečajmo svetlost slike
na 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;
}
:
Primer
Vrnimo svetlost naše slike na izvorno vrednost:
<div id="elem"></div>
#elem {
filter: brightness(1);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Glejte tudi
-
funkcija
blur,
ki zamegli ozadje -
funkcija
contrast,
ki določa kontrastnost ozadja -
funkcija
drop-shadow,
ki določa senco ozadju -
funkcija
hue-rotate,
ki določa barvni ton ozadju -
funkcija
invert,
ki obrne barve ozadja -
funkcija
opacity,
ki določa prosojnost ozadju -
funkcija
sepia,
ki preoblikuje ozadje v sepijo -
lastnost
background,
ki je okrajšava za lastnosti ozadja -
lastnost
background-image,
s katero lahko elementu določimo sliko ozadja -
lastnost
filter,
ki določa filter za ozadje