CSS brightness() 函数

ການອະທິບາຍແລະການນຳໃຊ້

CSS brightness() ການນຳໃຊ້ການພິດຕະພັນຂອງ CSS.

• 0% ຈະເຮັດໃຫ້ພາບສະຫຼາກຫຼາຍສິ່ງສະແດງຄົນເປັນສີດຳທີ່ສົມບູນ.
• 100%（ຫຼື 1）ເປັນຈຳນວນສະຫຼາກມັດຕົວເລື່ອງ.
• ຈຳນວນທີ່ຫຼາຍກວ່າ 100% ຈະເຮັດໃຫ້ພາບສະຫຼາກຫຼາຍຂື້ນ.
• ຈຳນວນທີ່ຕ່ຳກວ່າ 100% ຈະເຮັດໃຫ້ພາບສະຫຼາກຫຼາຍລົງ.

ຄວາມລະບຸ

ຕົວຢ່າງ 1

ຈະເຮັດໃຫ້ພາບສະຫຼາກຫຼາຍຂື້ນຫຼືຫຼາຍລົງຫຼາຍກວ່າພາບສະແດງຕົວເລື່ອງ.

#img1 {
  filter: brightness(150%);
}
#img2 {
  filter: brightness(50%);
}

ທົດລອງດີຕະຫຼອດ

ຕົວຢ່າງ 2

ຈະ brightness() ກັບ backdrop-filter ການປະສົມກັບການສະແດງ

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: brightness(150%);
  backdrop-filter: brightness(150%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

ທົດລອງດີຕະຫຼອດ

ກົດລະບົບ CSS

brightness(amount)

ລະບົບຂໍ້ມູນເຕັກນິກ

ການສະໜັບສະໜູນບັນດາການສະແດງ

ຈຳນວນໃນຕາຕະລາງສະແດງການສະຫຼຸບກັບການສະແດງຫົວຫຼັກທີ່ສະໜັບສະໜູນການນຳໃຊ້ຂອງການຫຼັກຫົວຫຼັກນັ້ນ.

ຫົວຂໍ້ຫຼັກຂ່າວຄວາມ

参考：ລະບົບCSS filter ບົດກົດ

参考：ການປ່ຽນຕະຫລາດຂອງຂໍ້ຄວາມ CSS blur()

参考：ຫົວຂໍ້ຫຼັກ CSS contrast()

参考：ຫົວຂໍ້ຫຼັກ CSS drop-shadow()

参考：ຫົວຂໍ້ຫຼັກ CSS grayscale()

参考：ຫົວຂໍ້ຫຼັກ CSS hue-rotate()

参考：ຫົວຂໍ້ຫຼັກ CSS invert()

参考：ຫົວຂໍ້ຫົວຫຼັກ CSS opacity()

参考：CSS saturate() 函数

参考：CSS sepia() 函数