Sepia функцияси

sepia функцияси фон расмини сепияга - жигарранг сояли оқ-қора расмга айлантириш имконини беради. 0 қиймати расм ўзгармас қолишини англатади. 100% ёки 1 қиймати фонни тулиқ сепияга айлантиради. Ушбу оралиқдаги istalgan son sepia qo'llashni chiziqli belgilaydi. Салбий қиймат бериб бўлмайди. 0 қиймати сунгги холатдагидек қолади.

Синтаксис

cssселектор {
  filter: sepia(сон);
}

Мисол

Келинг, бизнинг расмимизни тулиқ сепия қилайлик:

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

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

Результат:

Мисол

Энди эса келинг, сепиянинг таъсирини 50%га пасайтирамиз:

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

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

Результат:

Мисол

Энди эса sepia функциясига 0га тенг қийматни берайлик:

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

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

Результат:

Шунингдек қаранг