How do i create image overlay slide effect on hover?

I’m trying to add image overlay slide effect with text on hovering images of team section. Any suggestions?

You could do it with CSS or JS, could you be more specific and maybe show a snippet of your example, what do you want to achieve? Just a simple faded overlay with text or some animation?
Like I did here in the team section.hope u understand now ??

You can do that with CSS using a relative positioned wrapper around your img and text tags.
Then add an overlay class to the img on hover that has position of absolute and containing the div of the text.

By changing the width of the image-wrapper you will change the overall size of the image.
But if you done it before, you should just be able to look at your old code? :slight_smile:

1 Like