Функсия invert

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

Синтаксис

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

Намуна

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

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

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

Намуна

Ва акнун биёед ранҳои тасвири худро то қимати 100% инверт кунем:

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

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

Намуна

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

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

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

Ҳамчунин бубинед

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