[New post] CSS code snippet – How to have a background image with a color overlay?

Subash Chandran posted: "/* Working method */ .tinted-image { background: /* top, transparent red, faked with gradient */ linear-gradient( rgba(255, 0, 0, 0.45), rgba(255, 0, 0, 0.45) ), /* bottom, image */ url(image.jpg); }" New post on Poopcode CSS code snippet – How to have a background image with a color overlay? by Subash Chandran /* Working method */ .tinted-image { background: /* top, transparent red, faked with gradient */ linear-gradient( rgba(255, 0, 0, 0.45), rgba(255, 0, 0, 0.45) ), /* bottom, image */ url(image.jpg); } Read more of this post Subash Chandran | November 1, 2021 at 8:29 am | Tags: CSS code snippet - How to have a background image with a color overlay? | Categories: Snippets | URL: https://wp.me/pb9kQA-4hR Comment    See all comments Unsubscribe to no longer receive posts from Poopcode. Change your email settings at Manage Subscriptions. Trouble clicking? Copy and paste this URL into your browser: https://poopcode.com/css-code-snippet-how-to-have-a-background-image-with-a-color-overlay/