Sepia funksiyası

sepia funksiyası fon şəklini sepia etməyə imkan verir - qəhvəyi çaları olan qara-ağ şəkil. 0 dəyəri şəklin orijinal qalacağını bildirir. 100% və ya 1 dəyəri fonu tamamilə sepia çevirir. Bu diapazonda yerləşən hər hansı bir ədəd sepia tətbiqini xətti olaraq təyin edir. Mənfi dəyər təyin etmək olmaz. Susmaya görə dəyər 0-a bərabərdir.

Sintaksis

cssselektor {
  filter: sepia(ədəd);
}

Nümunə

Gəlin şəkilimizi tam sepia edək:

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;
}

Результат:

Nümunə

İndi isə gəlin sepia tətbiqini 50% aşağı salaq:

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;
}

Результат:

Nümunə

İndi isə gəlin sepia funksiyasında dəyəri 0-a bərabər təyin edək:

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;
}

Результат:

Həmçinin bax