Home > shorts > Add opacity to a background image without an overlay and without impacting the opacity of the content

Add opacity to a background image without an overlay and without impacting the opacity of the content


Add opacity to a background image without an overlay and without impacting the opacity of the content

background:
    radial-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
    url(...)

Check the demo here => CodePen

© 2021, Andrew Losseff