Struggling to replicate design interactions

Design help Animations & Interactions
1

Hello

Please can you help? I am looking to recreate the 3 columns from here (click here) on my website. I have been able get the three column across my page but I need help to set up the interaction where the text appears when hovering over the image and the heading text moves up.

Any help would be appreciated :slight_smile:
Thank you

Here is my site Read-Only: https://preview.webflow.com/preview/musifest?utm_source=musifest&preview=0dfbf51b56d112e2e2bee788ff009d9e
(how to share your site Read-Only link)

2

Hey @matthew.west,

I’d love to help you out with this one :slight_smile:
You still have not created the text elements that should appear. lmk when you do that and I will make a screen recording of the process.

btw, you have some really large photos on that page, which will make everything load slow. Trim, crop and resize them so each photo is max few hundred kb.

3

Hey Avivtech, thanks for offering to help and photo tips :slight_smile:
I have added the text elements - on the About page, Values section. Thanks!
Here’s the updated link: https://preview.webflow.com/preview/musifest?utm_source=musifest&preview=0dfbf51b56d112e2e2bee788ff009d9e

4

Here you go:
https://www.useloom.com/share/cbe38e23595c49cea64f2ed9d2099d51

5

Awesome, that worked great - thanks for your help. Greatly appreciated :slight_smile:

1 Like