Функсияи brightness

Функсияи brightness имкон медиҳад, ки равшании тасвири заминаро тағир диҳед. Равшании аслии замина бо қимати 100% ё 1 муайян карда мешавад, вақте ки онҳо кам карда шаванд, равшании тасвир низ кам мешавад. Баръакс, агар қимат аз 100% зиёд карда шавад, равшании тасвир баланд мешавад. Қиматҳои манфӣ истифода намешаванд, ва қимати холӣ ба таври худкор ҳамчун 1 қабул карда мешавад.

Синтаксис

интихобкунанда {
	filter: brightness(рақам);
}

Намуна

Биёед барои тасвири мо равшаниро ба 20% танзим кунем:

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

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

Намуна

Ва акнун биёед равшании тасвирро то 120% зиёд кунем:

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

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

Намуна

Биёед барои тасвири мо равшании аслиро танзим кунем:

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

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

Инчунин нигаред

функсияи blur,
ки заминаро мутаҳаммим мекунад
функсияи contrast,
ки контрастияти заминаро муайян мекунад
функсияи drop-shadow,
ки сояро ба замина медиҳад
функсияи hue-rotate,
ки рангии заминаро муайян мекунад
функсияи invert,
ки рангҳои заминаро инверт мекунад
функсияи opacity,
ки шaffофияти заминаро муайян мекунад
функсияи sepia,
ки заминаро ба сепия табдил медиҳад
хосияти background,
ки хосияти кӯтоҳшуда барои замина мебошад
хосияти background-image,
ки бо он метавон ба блок тасвири заминаро дод
хосияти filter,
ки усулро барои замина муайян мекунад