Brightness funksiýasy

brightness funksiýasy fon suratynyň ýagtylygyny üýtgetmäge mümkinçilik berýär. Fonyň başdaky ýagtylygy 100% ýa-da 1 bahasy bilen kesgitlenýär, olary azaltmak bilen suratyň ýagtylygy hem peselýär. 100%-den ýokary baha berilende ýagtylyk artýar. Teris bahalar ulanylmaýar, boş baha bolsa awtomatiki suratda 1 hasaplanýar.

Sintaksis

selektor {
	filter: brightness(san);
}

Mysal

Geliň, suratymyza ýagtylygy 20% belirleýälim:

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

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

Mysal

Indi bolsa, suratyň ýagtylygyny 120% çenli artýarys:

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

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

Mysal

Geliň, suratymyza başdaky ýagtylygy belirleýälim:

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

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

Şeýle-de görüň

fon suratyny bulanjak edýän blur funksiýasy,
fona kontrastlygy belirleýän contrast funksiýasy,
fona kölege berýän drop-shadow funksiýasy,
fona reňk berýän hue-rotate funksiýasy,
fonyň reňklerini tersine öwürýän invert funksiýasy,
fona geçirijilik berýän opacity funksiýasy,
fon suratyny sepýa öwürýän sepia funksiýasy,
fon üçin gysgaldylmış häsiýat bolan background häsiýaty,
bloga fon suratyny ýükleýän background-image häsiýaty,
fona stil belirleýän filter häsiýaty,