Streaming live at 10am (PST)

How to make background image zoom on hover?


#1

Hello, I've been trying to make my background images on my columns to zoom on hover for the last few hours to no avail. I've also tried all the solutions from the forum but it hasn't worked for me. All it does it make the image/column larger - but I just want the image inside the column to be larger, but still being masked by the size of the column.

My link: https://preview.webflow.com/preview/pony-website?preview=74514917444c3b758bcd1b377a718b50

I want the image behind the words "Collection" and "Products" to zoom in slightly on hover. Help would be much appreciated!

C


Help with flexbox, or best way to achieve the following
#2

Maybe if you set your background image something like 200% width and on hover 220%


#3

Worked like a charm! Thank you @AntonioBalderas!


#4

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