Invert funksiýasy
invert funksiýasy
fon suratynyň reňklerini tersine öwürmäge mümkinçilik berýär.
0 bahasy,
surat üýtgedilmedik galýandygyny aňladýar.
100% ýa-da 1 bahasy fon reňklerini doly tersine öwürýär.
Bu aralykda ýerleşýän islendik san reňkleri bölekleýin tersine öwürýär.
Teris baha berip bolmaýar.
Bellenen hali bilen baha 0 deňdir.
Sintaksis
selektor {
filter: invert(san);
}
Mysal
Geliň, suratymyzyň reňklerini
50% bahasyna çenli tersine öwüreliň:
<div id="elem"></div>
#elem {
filter: invert(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Mysal
Indi bolsa, suratymyzyň reňklerini
100% bahasyna çenli tersine öwüreliň:
<div id="elem"></div>
#elem {
filter: invert(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Mysal
Indi bolsa,
invert funksiýasyna
0 deň baha bereliň:
<div id="elem"></div>
#elem {
filter: invert(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Şeýle-de görüň
-
fon reňklerini bulanjylaşdyrýan
blurfunksiýasy -
fona ýagtylyk berýän
brightnessfunksiýasy -
fona kontrastlyk berýän
contrastfunksiýasy -
fona kölege berýän
drop-shadowfunksiýasy -
fona reňk aýlawyny berýän
hue-rotatefunksiýasy -
fona şaffaflyk berýän
opacityfunksiýasy -
fonu sepia reňkine öwürýän
sepiafunksiýasy -
fon üçin gysgaldylmış häsiýat bolan
backgroundhäsiýaty -
ulanyjy bloka fon suratyny bermäge mümkinçilik berýän
background-imagehäsiýaty -
fona stil berýän
filterhäsiýaty