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

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

Nümunə

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

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

#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:

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

#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:

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

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

Həmçinin bax

fonu bulanıklaşdıran blur funksiyası,
fona parlaqlıq təyin edən brightness funksiyası,
fona kontrastlıq təyin edən contrast funksiyası,
fona kölgə təyin edən drop-shadow funksiyası,
fona rəng çaları təyin edən hue-rotate funksiyası,
fon rənglərini inversiya edən invert funksiyası,
fona şəffaflıq təyin edən opacity funksiyası,
fon üçün qısaldılmış xassə olan background xassəsi,
bloka fon şəkli təyin etmək üçün istifadə edilən background-image xassəsi,
fon üçün stil təyin edən filter xassəsi,