Функсияи opacity

Функсияи opacity имкон медиҳад, ки шaffофии тасвири заминаро тағйир диҳед. Қимати 100% ё 1 шaffофии аслии тасвирро боқӣ мегузорад. Қимати 0 нишон медиҳад, ки тасвир комилан шaffоф мешавад. Ҳар рақами воқеъ дар ин фосила шaffофии қисманӣ ба заминаро муайян мекунад. Қимати манфӣ муайян кардан мумкин нест. Ба таври пешфарз қимат 1 аст.

Синтаксис

cssинтихобкунанда {
  filter: opacity(рақам);
}

Намуна

Биёед шaffофии тасвири худро 50% муқаррар кунем:

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;
}

Результат:

Намуна

Ва акнун биёед шaffофиро 100% муқаррар кунем:

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;
}

Результат:

Намуна

Ва акнун биёед дар функсияи opacity қиматро баробари 0 муқаррар кунем:

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;
}

Результат:

Ҳамчунин нигаред