Rekomendasi kursus:

Fungsi brightness() CSS

Definisi dan penggunaan CSS brightness() Fungsi filter digunakan untuk mengubah kecerahan elemen.

• 0% akan membuat imej kemas kandas sepenuhnya.
• 100% (atau 1) adalah nilai lalai, yang menunjukkan imej asal (tanpa kesan).
• Nilai lebih daripada 100% akan membuat imej lebih terang.
• Nilai yang kurang daripada 100% akan membuat imej kegelapan.

Contoh

Contoh 1

Membuat imej lebih terang atau lebih gelap daripada imej asal:

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

Cuba sendiri

Contoh 2

menentukan brightness() dengan backdrop-filter Gabungkan sifat:

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

Cuba sendiri

Sintaks CSS

brightness(amount)

Butir teknikal

Pendukung pereka

Angka di dalam jadwal menunjukkan versi pereka paling awal yang mendukung fungsi ini.

Laman yang berkenaan

Rujukan:CSS filter 属性

Rujukan:Fungsi blur() CSS

Rujukan:Fungsi contrast() CSS

Rujukan:Fungsi drop-shadow() CSS

Rujukan:Fungsi grayscale() CSS

Rujukan:Fungsi hue-rotate() CSS

Rujukan:Fungsi invert() CSS

Rujukan:Fungsi opacity() CSS

Rujukan:Fungsi saturate() CSS

Rujukan:Fungsi sepia() CSS