Kevin Powell - Community•2y ago

image hero fade

I have looked everywhere but I have an image, and I want it to cover the entire page, but I also want the image to fade to black, but stay in place as the user scrolls down, revealing text on top of the image. I've tried so many ways, but I can't figure out how to make the image not scroll, or the text to stay out of the way, and so many other things. I have about given up on this because it just is not working. Can someone help?

3 Replies

Gray•2y ago

The text doesn't appear on top of the text, it appears from the bottom

b1mind•2y ago

its best if you provide what you have tried already in a codepen so we can direct you from there.

rishit•2y ago

u shud put a

position:fixed;

position:fixed;

on the image

Gaming

Programming

image hero fade