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

selektor {
	filter: opacity(san);
}

Mysal

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

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

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

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

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

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

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

Şeýle-de serediň

fon şekilini bulanjaklaşdyrýan,
blur funksiýasy
fonuň ýagtylygyny belleýän,
brightness funksiýasy
fonuň kontrastlylygyny belleýän,
contrast funksiýasy
fona kölege berýän,
drop-shadow funksiýasy
fonuň reňk derejesini belleýän,
hue-rotate funksiýasy
fonuň reňklerini inwertirleýän,
invert funksiýasy
fonu sepia öwüriýän,
sepia funksiýasy
fon üçin gysgaltma hossap edilýän,
background hossaby
onuň kömeginde bloka fon şekilini bermek mümkin bolan,
background-image hossaby