Relume Community Icon
Relume Community
  • 🏠Home
  • πŸ“…Events

  • πŸ”΅Announcements
  • πŸ”΅General
  • πŸ”΅Getting Started
  • πŸ”΅Issues
  • πŸ”΅Showcase

Powered by Tightknit
General
General

Need Help with Zoom Effect for Hero Section on Webflow

Avatar of james L.james L.
Β·

Hi everyone! I just got my first client πŸ™‚ and I'm trying to create a hero section similar to the one here: https://www.ubbs.uk/. The main thing I need help with is the zoom effect for each slide (Tab). This is what I have done so far: https://kingfisher-c0c3fa.webflow.io/. I have tried to add an interaction of scale, but when I do that, the image goes off the screen, and then you can scroll horizontally, which is a bad look.

1 comment

  • Avatar of Emily M.
    Emily M.
    Β·

    Hey, congrats on your first client! It's tough out here so well done Re: the animation, I think you want to set overflow:hidden on the section, and also try adding an image-wrapper div. I had a similar problem yesterday and adding the wrapper seemed to make a difference, although I'm unsure why haha