Streaming live at 10am (PST)

How to scale an image within a set size


#1

In the Webflow dynamic content video tutorials you can see examples of blog posts where the image scale up (on mouse over) but with the outer pixel limits still set. So the size is still the same but the image scale within that. How do you create that?

Thanks in advance!


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


#2

Hi @Johan_S_Lundback, first, put a div on the page, give it a class and overflow hidden. Next, put an image into the div.

Create a Hover interaction on image to scale the image on hover and to return back to normal on hover out.

Is something like this example what you are trying to accomplish? https://webflow.com/website/playground-af5fea


#3

Thank you, that is exactly it! Will try it out. Thank you!


#4

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