Функция brightness

brightness функциясы фондун сүрөтүнүн жарыктуулугун өзгөртүүгө мүмкүндүк берет. Фондун баштапкы жарыктуулугу 100% же 1 маанилери менен аныкталат, аларды азайтуу менен сүрөттүн жарыктуулугу да төмөндөйт. Ошону менен бирге, маанини 100%ден жогору көтөргөндө жарыктуулук жогорулайт. Терс маанилер колдонулбайт, бош маани автоматтык түрдө 1 катары кабыл алынат.

Синтаксис

cssселектор {
  filter: brightness(сан);
}

Мисал

Келгиле, сүрөтүбүзгө жарыктуулукту 20% кылып коёлу:

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;
}

Результат:

Мисал

Эми болсо, келгиле сүрөттүн жарыктуулугун 120%ге чейин көтөрөлү:

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;
}

Результат:

Мисал

Келгиле, сүрөтүбүзгө баштапкы жарыктуулукту коёлу:

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;
}

Результат:

Ошондой эле караңыз