Sometimes making the background image darken becomes difficult for the newbies.
Let us simplify that even with a css framework like tailwind css.
Considering the following
code:
Now let us make this darken by adding brightness filter.
code:
snapshot:
As simple as that. This is more than easy.
Top comments (4)
this was very helpful Thanks
Very helpful
thank you ...it's a good working
Good however, by doing this I cannot make use of the Imager component from nextjs.. any idea anyone?
WELP brightness-50 works just as well in the Image component directly!