Portfolio Hover Animation

Hello, i would like to recreate this hover effect for a portfolio page: https://lekker.qodeinteractive.com/portfolio/pinterest/

I created a collection list with the image, title & category but I don’t know how to create the hover effect with the text reveal and the image scaling.

So far I tried a transform scaling for the image on hover but it’s not really smooth.
Also I tried to position the text beside the image but it is not really working.

Here is my share link: https://preview.webflow.com/preview/enomis-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=enomis-portfolio&preview=11b577a27a1e8ebfc1db77efd6620c11&pageId=61ad07fb9d1b16d43fddb7f9&workflow=preview

Thanks for the help!!

Not sure about the text effect, but you could try something like this for smoothing the image transformation:

This tutorial would probably be a good starting point for the text effect:

Hey @Enomis :wave: Is this still something you’re trying to achieve? I’m thinking about making a quick tutorial.