By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Zoom Section Background Image on Hover

B

Blank Box Ltd

New Member
I'm trying to get a section background image to zoom on hover, I've tried everything I can but can only ever get the entire section to zoom / grow.

I know it's something along the lines of:

Code:
.div:hover {
    transform: scale(1.2);
}
But nothing I've tried has worked.

Anybody have any ideas?

Regards,

Rory.
 
elementor official
B

Blank Box Ltd

New Member
I've found an imperfect solution to this, which is to use the gallery block allows you to add a zoom effect on hover, so I can use the gallery block and then use positioning to place it under another block with content in (such as text or buttons).
 
elementor official
elementor official
Top