Opacity funksiýasy

opacity funksiýasy fon şekiliniň şöhlesizligini üýtgetmäge mümkinçilik berýär. 100% ýa-da 1 bahasy şekile başdaky şöhlesizligi saklaýar. 0 bahasy, şekiliň doly şöhlesiz boljakdygyny görkezýär. Bu diapazonda ýerleşen islendik san föndaky bölekleýin şöhlesizligi bellar. Teris baha bermek bolmaýar. Deslapky bahasy 1 deňdir.

Sintaksis

cssselektor {
  filter: opacity(san);
}

Mysal

Geliň, şekilimize 50% şöhlesizlik belleýeliň:

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

css#elem {
  filter: opacity(50%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Mysal

Indi bolsa, geliň 100% şöhlesizlik belleýeliň:

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

css#elem {
  filter: opacity(100%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Mysal

Indi bolsa, geliň opacity funksiýasyna 0 deň baha bereliň:

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

css#elem {
  filter: opacity(0);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Şeýle-de serediň