[ad_1]
Hey everyone first time posting, I’m designing a site https://laplaçadebats.eu using a theme that I bought (Arnold) and my client asked me if it could have a fade-in background like this website https://designmuseum.org/about-the-museum# I guess it’s using a pattern nade with CSS or a .png, but can’t really tell.
I’be been looking around but no luck so far, that’s why I ask you fellow redditors.
[ad_2]
Unless I am blind… there is no fade in background.
What are you talking about? Can you show a screenshot of the specific image?
Right Click -> Inspect
The site in question is making this with a `<div class=”backdrop”>` that has an `opacity: 0; transition: opacity 1s ease;`. When you scroll, JS adds a `visible` class to the element and changes the `opacity: 1` this is what fades in the background image creating the block pattern.
The background stays but there is an overlayed dotted pattern which fades in as you scroll down. It’s very subtle