Функсияи sepia

Функсияи sepia имкон медиҳад, ки аз тасвири замина сепия сохта шавад - як тасвири сиёҳу сафед бо рангобии қаҳваранг. Қимати 0 ишора мекунад, ки тасвир ҳамон тавре, ки будааст, мемонад. Қимати 100% ё 1 пурра заминаро ба сепия табдил медиҳад. Ҳар рақам дар ин диапазон татбиқи сепияро хаттӣ муайян мекунад. Қимати манфӣ муайян карда намешавад. Аз рӯи пешфарз қимат баробар аст ба 0.

Синтаксис

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

Намуна

Биёед аз тасвири мо сепияи пурра созем:

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

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

Намуна

Ва акнун биёед татбиқи сепияро то 50% коҳш диҳем:

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

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

Намуна

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

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

#elem {
	filter: sepia(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,
ки рангҳои заминиро инверт мекунад
функсияи opacity,
ки шиффофии заминаро муайян мекунад
хосияти background,
ки хосияти кӯтоҳшуда барои замина мебошад
хосияти background-image,
ки бо он метавон ба блок тасвири заминаро дод
хосияти filter,
ки услубро барои замина муайян мекунад