brightness funksiyasi

brightness funksiyasi fon tasvirining yorqinligini o'zgartirish imkonini beradi. Fonning boshlang'ich yorqinligi 100% yoki 1 qiymati bilan belgilanadi, ularni kamaytirish tasvir yorqinligini ham pasaytiradi. Shunga mos ravishda qiymat 100% dan ortiqroq oshirilganda yorqinlik oshadi. Manfiy qiymatlar qo'llanilmaydi, bo'sh qiymat esa avtomatik ravishda 1 deb qabul qilinadi.

Sintaksis

selector {
	filter: brightness(son);
}

Misol

Keling, tasvirimiz uchun yorqinlikni 20% ga sozlaymiz:

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

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

Misol

Endi esa tasvir yorqinligini 120% gacha 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;
}

Misol

Keling, tasvirimiz uchun boshlang'ich yorqinlikni o'rnatamiz:

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

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

Shuningdek qarang

blur funksiyasi,
fonni xiralashtiradi
contrast funksiyasi,
fon uchun kontrastni belgilaydi
drop-shadow funksiyasi,
fon uchun soyani belgilaydi
hue-rotate funksiyasi,
fon uchun rangtonni belgilaydi
invert funksiyasi,
fon ranglarini inversiyalaydi
opacity funksiyasi,
fon uchun shaffoflikni belgilaydi
sepia funksiyasi,
fonni sepia rangiga aylantiradi
background xususiyati,
fon uchun qisqartma xususiyat hisoblanadi
background-image xususiyati,
uning yordamida blokka fon tasviri berish mumkin
filter xususiyati,
fon uchun uslubni belgilaydi