Streaming live at 10am (PST)

Hover effect on a picture


#1

Ok.... haven't viewed all the training vids but search as much as I could. Some of the videos show examples of hovering over a pic and it fades to a dark tone while a text fades in. But so far I havent seen a training vid for thst effect. Have you guys come across it? If its not complicated, maybe post the steps here for us noobs. Thxs!


Here is my public share link: LINK
(how to access public share link)


#2

Hey @cgmindd this may help :slightly_smiling:
https://webflow.com/blog/how-to-create-a-thumbnail-overlay


#3

Awesome! Just what I needed!


#4

Ok.. followed it to the tee and worked except for one thing. Only issue I came across was after I was done fully, the dark fade in square was short on the bottom. I fixed it by adjusting it with the position pad by -12 px. what caused this cut off? I did set it to Absolute.


#5

More importantly...... after this effect is done, how do you tell it to link to another page?


#6

I tried a few methods like adding another div box and putting the image link box inside. but its not working. Ill wai to see what the experts say.


#7

Ok figured it out. You have to add a link block instead of a Image box.


#8

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