Skip to main content
Question

Creating a hero that snaps from a video into a blurred video upon scroll

  • June 14, 2024
  • 1 reply
  • 134 views

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

This topic has been closed for replies.

1 reply

  • Figmate
  • 2621 replies
  • June 18, 2024

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.