Funkcija brightness
Funkcija brightness ļauj mainīt
fona attēla spilgtumu. Sākotnējais fona
spilgtums tiek noteikts ar vērtību 100% vai 1,
samazinot tās, samazinās arī attēla spilgtums.
Attiecīgi, palielinot vērtību virs 100%,
spilgtums palielinās. Negatīvas vērtības netiek lietotas,
un tukša vērtība automātiski tiek uztverta
kā 1.
Sintakse
selektors {
filter: brightness(skaitlis);
}
Piemērs
Uzstādīsim mūsu attēlam spilgtumu
uz 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;
}
:
Piemērs
Tagad palielināsim attēla spilgtumu
līdz 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;
}
:
Piemērs
Uzstādīsim mūsu attēlam sākotnējo spilgtumu:
<div id="elem"></div>
#elem {
filter: brightness(1);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Skatiet arī
-
funkcija
blur,
kura izplūšina fonu -
funkcija
contrast,
kura nosaka kontrastu fonam -
funkcija
drop-shadow,
kura pievieno ēnu fonam -
funkcija
hue-rotate,
kura maina toņu fonam -
funkcija
invert,
kura invertē fona krāsas -
funkcija
opacity,
kura nosaka caurspīdīgumu fonam -
funkcija
sepia,
kura pārveido fonu sepijā -
īpašība
background,
kas ir saīsinājuma īpašība fonam -
īpašība
background-image,
ar kuru blokam var piešķirt fona attēlu -
īpašība
filter,
kas nosaka stilu fonam