I am searching for information on an effect, but I am struggling because I do not know its name.
Can you tell me what the effect is called when there is a transparent div section with a large image in the background? It reminds me of a parallax effect, but it seems to be something different.
Here is an example:
This effect can be seen in the "All your favourite games to go." section.
I have noticed this effect on many websites.
Another instance can be found here:
If I could just learn the name of this effect, I would be able to research and understand it better.
Edit: Thank you all for the help. I initially thought this effect was complex, but it turns out to be quite simple. I even created my own version while experimenting: http://jsfiddle.net/uuepunx8/
html, body{
height: 100%;
width: 100%;
}
*{
padding: 0;
margin: 0;
}
.first{
width: 100%;
height: calc(100% + 100px);
background-color: red;
}
.second{
height: 50%;
background: url('http://hdwallpaper.freehdw.com/0004/3d-abstract_hdwallpaper_equations_33432.jpg') fixed 0 0;
}