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

cssselektor {
  filter: invert(san);
}

Mysal

Geliň, suratymyzyň reňklerini 50% bahasyna çenli tersine öwüreliň:

html<div id="elem"></div>

css#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ň:

html<div id="elem"></div>

css#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ň:

html<div id="elem"></div>

css#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üň