invert ֆունկցիա
invert ֆունկցիան թույլ է տալիս
ինվերտել գույները ֆոնային պատկերում:
0 արժեքը նշանակում է,
որ պատկերը մնում է բնօրինակը:
100% կամ 1 արժեքները ամբողջությամբ ինվերտում են ֆոնի գույները:
Այս միջակայքում գտնվող ցանկացած թիվ մասնակիորեն ինվերտում է գույները:
Բացասական արժեք հնարավոր չէ նշել:
Լռելյայն արժեքը 0 է:
Շարահյուսություն
ընտրիչ {
filter: invert(թիվ);
}
Օրինակ
Եկեք ինվերտենք մեր պատկերի գույները մինչև
50% արժեքը:
<div id="elem"></div>
#elem {
filter: invert(50%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Օրինակ
Այժմ եկեք ինվերտենք մեր պատկերի գույները մինչև
100% արժեքը:
<div id="elem"></div>
#elem {
filter: invert(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Օրինակ
Այժմ եկեք invert ֆունկցիայում նշենք
0 արժեքը:
<div id="elem"></div>
#elem {
filter: invert(0);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
Տես նաև
-
blurֆունկցիան,
որը դիֆուզացնում է ֆոնը -
brightnessֆունկցիան,
որը սահմանում է ֆոնի պայծառությունը -
contrastֆունկցիան,
որը սահմանում է ֆոնի կոնտրաստը -
drop-shadowֆունկցիան,
որը սահմանում է ֆոնի ստվերը -
hue-rotateֆունկցիան,
որը սահմանում է ֆոնի գունային տոնը -
opacityֆունկցիան,
որը սահմանում է ֆոնի թափանցիկությունը -
sepiaֆունկցիան,
որը ֆոնը վերածում է սեպիայի -
backgroundհատկությունը,
որը հանդիսանում է ֆոնի համար կրճատ հատկություն -
background-imageհատկությունը,
որի օգնությամբ բլոկին կարելի է տալ ֆոնային նկար -
filterհատկությունը,
որը սահմանում է ֆոնի ոճը