I’m playing around with some pseudo elements to style a cool tile style website.
For my background I used a picture, on wich I applied a pseudo element to make a colored opaque layer over it.
The problem is that this layer doesn’t “follow” when I scroll. It just stops and I can see the “bare” background.
You can see this happening here : https://codepen.io/KeyMC/pen/qBmajNX?editors=1100
(you can see the whole CSS file over there)
Is there a way to make it “follow”, or act exactly like my background ? Or maybe is there a simpler way to make an opaque filter on the background ?
thank you in advance,
a newbie in distress.