Sepia funksiýasy

sepia funksiýasy fon suratyny sepia etmäge - goýunyň reňkli çalgyly gara-ak surat. 0 bahasy, surat üýtgewsiz galar. 100% ýa-da 1 bahasy fony doly sepia edýär. Bu aralykdaky islendik san sepianyň lineýar ulanylmagyny kesgitleýär. Teris baha bermek bolmaýar. Deslapky baha 0.

Sintaksis

selektir {
	filter: sepia(san);
}

Mysal

Indi biz öz suratymyzy doly sepia edeliň:

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

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

Mysal

Indi bolsa sepia ulanylmagyny 50% azaldalyň:

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

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

Mysal

Indi bolsa sepia funksiýasyna 0 deň baha bereliň:

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

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

Şeýle-de garaňyň

blur funksiýasy,
fony bulanjyk edýär
brightness funksiýasy,
fonyň ýagtylygyny kesgitleýär
contrast funksiýasy,
fonyň kontrastlygyny kesgitleýär
drop-shadow funksiýasy,
fona kölege berýär
hue-rotate funksiýasy,
fonyň reňkliligini kesgitleýär
invert funksiýasy,
fonyň reňklerini tersine öwürýär
opacity funksiýasy,
fonyň geçişliligini kesgitleýär
background aýratynlygy,
fon üçin gysgaldylmış aýratynlyk
background-image aýratynlygy,
onuň kömegi bilen bloka fon suraty berilýär
filter aýratynlygy,
fon üçin stil kesgitleýär