CSS brightness() 函数

定义和用法

CSS 的 brightness() 滤镜函数用于调整元素的亮度。

• 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 အဆင်းဆင်း() ဘွတ်

လိုက်ကျCSS စိတ်အား() ဖိုင်

လိုက်ကျCSS ဖြိတ်နိုင့်() ဖိုင်

လိုက်ကျCSS ဂရုပြား() ဖိုင်

လိုက်ကျCSS လုံးချိန်အားလျှော့() ဖိုင်

လိုက်ကျCSS အားအားလျှော့() ဖိုင်

လိုက်ကျCSS ကိုယ်ဝါ() ဖိုင်

လိုက်ကျCSS အဆင်းဆင်း() ဘွတ်

လိုက်ကျCSS ကြီးကြပ်() ဘွတ်