27/09/2020
Creating tinted backgrounds with CSS
-
Check this tip online with full source code: bit.ly/3hU61dp
-
So today we have a pretty basic CSS tip on how we can create tinted background. This is fairly easy to do, so let's check it out.
-
Check the example. We just have three divs, each one with two classes. To these divs I'm passing a class with the color I want on the background.
-
Then, on the CSS, using these color classes I just apply a background where I'm setting a linear gradient and an image. This linear gradient is what will create the tinted effect, so we just need to create a gradient with whatever color we want.
-
And we're done. Basically with a single CSS property we can create this tinted effect on a background!
-
Let me know your thoughts guys, take care 😁✌️