CSS Reference

brightness()

色の明暗を変更する

brightness() 関数は、フィルター関数と呼ばれるCSS関数で、filter プロパティを使用して要素に適用することで、その色を明るくしたり、暗くしたりすることができます。

指定可能な値は、<number> または <percentage> 値となり、1 もしくは 100% を指定すると元の明るさのままという意味になります。

brightness()のサンプルソース

filter: brightness(0%) /* 0%の明るさ(黒くなる) */
filter: brightness(0.4) /* 40%の明るさ(元より暗くなる) */
filter: brightness(1) /* 変化なし */
filter: brightness(200%) /* 2倍の明るさ */

主要ブラウザの対応

IE11 ×
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

Edge(EdgeHTML)
Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome