Skip to main content

Hello!

Looking for help creating a similar experience to this sites hero: https://thewalters.org


Essentially I have a video for my hero and I want to upon scroll have the video transfer to a blurred out / gradient version with some text over top and CTAs. I have it set up currently where it scrolls into a gradient with a blur, but this just looks like a scroll and doesn’t feel snappy or clean. Wondering how I could set up the frames and gradients to do something pretty close to that site exactly in Figma, preferably making it even cleaner and allowing the interaction to give more prominence to the CTAs I will have

Hi @Owen10, Thank you for reaching out about this!


While we’re waiting to hear from some of our experienced designers, feel free to explore our community on your own. There might be design files that inspire you or spark new ideas. https://www.figma.com/community/


Also, if you’re comfortable sharing your current file, it might increase your chances of receiving more accurate assistance from other designers here.

If anyone in the community has insights or experience related to this, please don’t hesitate to share your thoughts. We value your input!


Thanks again for reaching out.