Referral to tutorial

Design help General
1

Hello fellow Webflownians! :smile:

I know I’ve seen it before, but I cannot find the tutorial on how to accomplish this hover effect. It’s on the http://interactions.webflow.com/ page but it doesn’t point to the video tutorial.

Anyone know where the link is?

Thanks.

1110×602 313 KB

2

Hey there!

Thanks for bringing this up, I know it is briefly mentioned at 1:30 into the video here - but I don’t recall this specific hover effect ever having a video showing how to do it… @PixelGeek am I forgetting a video? Does the description underneath on how to accomplish this hover affect not give the level of detail you’re looking for?

3

I am not sure how to do the layering. I think there was a video but I’ll check the link you posted. Thanks Jaiden.

4

I just watched this video which really only says what you “can” do but doesn’t explain “how”.

5

The layering would just be the album image in a div, then a 100% width and height absolute div overtop with the gradient and absolute positioned icons and also absolute text at the bottom :slight_smile:

Then just hide/show all the stuff on hover

6

I have come to the conclusion that the product images need to be clickable to a larger view and thus their own page with more info on each product. Thanks for the help just the same :slight_smile:

7

Ah yes that makes sense! You’re very welcome! Happy webflowing :slight_smile:

8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.