Invert funktsiyasi
invert funktsiyasi
fon rasmidagi ranglarni inversiyalash imkonini beradi.
0 qiymati
rasm o'zgarishsiz qolishini bildiradi.
100% yoki 1 qiymati fon ranglarini to'liq inversiyalaydi.
Ushbu oralig'idagi har qanday raqam ranglarni qisman inversiyalaydi.
Salbiy qiymat berib bo'lmaydi.
Standart qiymat 0 ga teng.
Sintaksis
selector {
filter: invert(son);
}
Misol
Keling, rasmimizning ranglarini
50% qiymatigacha inversiyalaymiz:
<div id="elem"></div>
#elem {
filter: invert(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Misol
Endi esa, rasmimizning ranglarini
100% qiymatigacha inversiyalaymiz:
<div id="elem"></div>
#elem {
filter: invert(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Misol
Endi esa,
invert funktsiyasiga
0 ga teng qiymat beramiz:
<div id="elem"></div>
#elem {
filter: invert(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Shuningdek qarang
-
fonni xiralashtiradigan
blurfunktsiyasi -
fonga yorqinlik beradigan
brightnessfunktsiyasi -
fonga kontrastlik beradigan
contrastfunktsiyasi -
fonga soya beradigan
drop-shadowfunktsiyasi -
fonga rang tusini o'zgartiradigan
hue-rotatefunktsiyasi -
fonga shaffoflik beradigan
opacityfunktsiyasi -
fonni sepia rangiga o'zgartiradigan
sepiafunktsiyasi -
fon uchun qisqartma xususiyat bo'lgan
backgroundxususiyati -
blokka fon rasm berish uchun ishlatiladigan
background-imagexususiyati -
fon uchun uslub belgilaydigan
filterxususiyati