[Support request] How to add zoom effect to images background in container block

[Sara Genone]

Hi all
in this page https://cospes.socialmela.it/ you can see six boxes with text and a background image.
Is it possibile add the zoom hover effetct on the image background ?
At the moment I set only the first box on left-top with background image, to test this solution
Thank you in advance for help
sara
P.S. the site library is “Health”

[David]

Hi there,

this will be a feature of the future GB Pro plugin, for the free version add this CSS:

.gb-zoom .gb-grid-column > .gb-container:before {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}
.gb-zoom .gb-grid-column:hover > .gb-container:before {
    transform: scale(1.2);
    transition: transform 0.3s ease-in-out;
}

Then select the Grid Container ( thats the outer block containing all your grid items) and give it a CSS Class of gb-zoom

[Sara Genone]

Perfect 🙂
Thank you
sara

[David]

You’re welcome 🙂

[Author]

Posts