Функция brightness

Функция brightness фон расмининг ярлигини ўзгартириш имконини беради. Фоннинг бошланғич ярлиги 100% ёки 1 қиймати билан белгиланади, уларни камайтириш билан расмнинг ярлиги ҳам пасайadi. Мос равишда қийматни 100% дан ошириш билан ярлик orthadi. Салбий қийматлар қўлланилмайди, бўш қиймат эса автоматik равишда 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% гача oshiramiz:

<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,
фонга rangbaranglik беради
функция invert,
фон ranglarini инвертция қилади
функция opacity,
фонга шaffoflik беради
функция sepia,
фонни сепияга aylantiradi
хусусият background,
фон учун қисқартирилган хусусият hisoblanadi
хусусият background-image,
орқали блокка фон расми бериш мумкин
хусусият filter,
фон учун uslub беради