Transition/Hover Effect problems

I’m trying to apply a hover effect to some of the images on this website. There are three images, each of which link to a lightbox. When a mouse hovers over image, I want it to expand outwards. I’ve figured out the expand part, but am unable to figure out how to smoothly transition from the normal state to a hover state. The videos are now outdated because of the panel change, so those haven’t been much help.

If I could get some help on how to apply a smooth transition, I’d appreciate it


Here is my site Read-Only: LINK

Hey, I made a quick video. I hope this is what you were referring to and I hope it helps. If it isn’t what you were looking for then try and help me understand so I can better help you out! Cheers!

Video: https://www.useloom.com/share/91e560e3e05d4a6cac2ea58319d5debd

-Noah

Hi Noah, thank you so much for taking the time to make that video. It answered my question perfectly, and I now understand creating animations a lot better. Thanks!

1 Like

Awesome man! Super glad to hear that! Happy flowing my friend! Cheers! :webflow_heart:

-Noah