How background overlays work

To see how the Overlay property in action open this page in the editor and Expert mode should be enabled!

The image below is set as a backgrund image on a container (Panel / Background / Overlay color) . In this example the background has no Overlay effect on it

CSS Background overlay!

It's a simple way to make text on your images more readable!

In the next example the image has an overlay (Panel / Background / Overlay color)

CSS Background overlay!

It's a simple way to make text on your images more readable!

You can choose any color and opacity for the Overlay of course!

CSS Background overlay!

It's a simple way to make text on your images more readable!

TWIN THIS PAGE

Made with Froont Create your own page in minutes Clone this project