Функсияи 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;
}

Результат:

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

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