Archived topic
How to add zoom effect to images background in container block
3 replies · Started by Sara Genone on November 23, 2020
Viewing posts 1–4 of 4
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"
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
Perfect :)
Thank you
sara
You're welcome :)
This archived topic is closed to new replies.
