Portfolio Hover Animation

Design help Animations & Interactions
#1

Hello, i would like to recreate this hover effect for a portfolio page: Pinterest – Lekker

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: Webflow - Enomis Portfolio

Thanks for the help!!

#2

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

image
image1075×809 148 KB

#3

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

#4

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