Функсияи opacity

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

Синтаксис

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

Намуна

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

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

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

Намуна

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

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

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

Намуна

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

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

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

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

функсияи blur,
ки заминаро мутаҳаммим мекунад
функсияи brightness,
ки равшаниро ба замина медиҳад
функсияи contrast,
ки контрастнокиро ба замина медиҳад
функсияи drop-shadow,
ки сояро ба замина медиҳад
функсияи hue-rotate,
ки рангиро ба замина медиҳад
функсияи invert,
ки рангҳои заминаро инверт мекунад
функсияи sepia,
ки заминаро ба сепия табдил медиҳад
хосияти background,
ки хосияти кӯтоҳшуда барои замина мебошад
хосияти background-image,
ки бо он метавон ба блок тасвири заминаро дод