Streaming live at 10am (PST)

Show more elements on hover using interactions


#1

hi just wondering the process to create the following simple hover effect.

http://agency.sc/ want to recreate the 'our work' section.

currently i have a sec, with a four column row. in each col is an image. when the user hovers their cursor over any image the hover interaction comes into play, just like the above example.

really want i am looking for is a video tut on example #5 on the http://interactions.webflow.com/ site.
any chance u guys are going to do one???

thanks


#2

I would also ask for the same thing....for me even a simple reply with the steps taken for example 5 would be very helpfull


#3

Hello @Amreet_Gill and @nick ,

I will be adding a tutorial video for Example 5 sometime this week!

However, you might also be able to solve your problem with something like this instead: http://tutorials.webflow.com/show-content-on-hover

I'll send an update when I've posted Example 5!

Thanks again,

Mat


#4

@Mat

Any chance you could post the preview link for the tutorial you posted above??

I say this because i am trying to replicate the layout on my site.
Have a look at the link below, and see if u can figure out how to close the gap between the first and second row images in the event section of my site.

https://webflow.com/design/yspn?preview=115ba4fba7eb3ad6e865a36bbc654987


#5

Hello @Amreet_Gill

Your scenario is slightly different. But the gap in your images is due to the size of the container, you currently have the height set to 400px. Another option I would suggests is in this case, is not using background images but instead dragging in an actual image element. Does that make sense? I can go in to more detail on this if you would like by sending a support request to support[at]webflow[dot]com.

Thanks!

Mat


#6

@Mat

Hi Mat i sent you two emails regarding this issue. Please disregard the first one, i have made some additions since i sent that one, please just read the second one.

Thanks!


#7