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

cssselector {
  filter: brightness(son);
}

Misol

Keling, tasvirimiz uchun yorqinlikni 20% ga sozlaymiz:

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

css#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:

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

css#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:

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

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

Результат:

Shuningdek qarang