0

HTML CSS - Filter: brightness()

On using filter: brightness(50%) to background image, the image has reduced its brightness as expected. However , it also affects the visibility of heading and text over it. How can we prevent this from affecting the text ?

12th May 2024, 5:13 AM
Nikkiverse
Nikkiverse - avatar
7 Réponses
+ 6
Share your code
12th May 2024, 6:42 AM
Chris Coder
Chris Coder - avatar
+ 1
You can use rgba a is alpha and you can use it for some special effects!
13th May 2024, 10:03 AM
Champion Hacker Tuna
Champion Hacker Tuna - avatar
0
Do you mean that there is text on the image or next to the image?
12th May 2024, 6:26 AM
Kuchenesser
0
Its on the image
12th May 2024, 6:30 AM
Nikkiverse
Nikkiverse - avatar
0
So the text is linked to the image right?
12th May 2024, 6:32 AM
Kuchenesser
0
Its within the same div container. I probably need to add a different div outside the image and use aboslute positioning to make the text appear on image. Not sure if there is a better approach
12th May 2024, 6:36 AM
Nikkiverse
Nikkiverse - avatar
0
It is my project
14th May 2024, 3:13 AM
Dhrub Dhrub
Dhrub Dhrub - avatar