JSFiddle - React, Tailwind, and code Playground
HTML
ππ§πΌ
πππ»
β₯β
βΉ
<svg style="position: absolute; top: -99999px" xmlns="http://www.w3.org/2000/svg">
<filter id="brightness">
<feComponentTransfer>
<feFuncR type="linear" slope="1"/>
<feFuncG type="linear" slope="0"/>
<feFuncB type="linear" slope="0"/>
</feComponentTransfer>
</filter>
</svg>
CSS
body {
filter: url(#brightness);
}