brightnessの読み方

brightnessの読み方

HTML用語「brightness」の読み方を掲載してます。

読み⽅

ブライトネス。

英訳

輝度。

brightness とは

brightnessは、css3から設定できる様になったフィルター機能の「画像の明るさ」フィルターです。

パラメータとして、0以上の値が使えます。
値を0%にすると、真っ黒になります。
また、100%でオリジナルの画像を表示できます。
100%以上の値を指定すると、画像をさらに明るくできます。たとえば、300%では画像が3倍の明るさになります。

使用例
.brightness{
filter: brightness(50%);  画像の明るさ50%
}
.brightness{
filter: brightness(100%); 画像の明るさ100%(オリジナル画像の明るさ)
}