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

selektor {
	filter: invert(san);
}

Mysal

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

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

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

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

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

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

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

fon reňklerini bulanjylaşdyrýan blur funksiýasy
fona ýagtylyk berýän brightness funksiýasy
fona kontrastlyk berýän contrast funksiýasy
fona kölege berýän drop-shadow funksiýasy
fona reňk aýlawyny berýän hue-rotate funksiýasy
fona şaffaflyk berýän opacity funksiýasy
fonu sepia reňkine öwürýän sepia funksiýasy
fon üçin gysgaldylmış häsiýat bolan background häsiýaty
ulanyjy bloka fon suratyny bermäge mümkinçilik berýän background-image häsiýaty
fona stil berýän filter häsiýaty