Sepia функцияси

sepia функцияси фон расмини сепияга - жигарранг сояли оқ-қора расмга айлантириш имконини беради. 0 қиймати расм ўзгармас қолишини англатади. 100% ёки 1 қиймати фонни тулиқ сепияга айлантиради. Ушбу оралиқдаги istalgan son sepia qo'llashni chiziqli belgilaydi. Салбий қиймат бериб бўлмайди. 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 функцияси,
фонга шaffофлик беради
background хусусияти,
фон учун қисқартирилган хусусият ҳисобланади
background-image хусусияти,
орқасида блокка фон суратини бериш имконини беради
filter хусусияти,
фон учун услубни беради