How to animate background images

Hi there,

this will be a feature if GenerateBlocks Pro - and it will do so much more :)
In the meantime you can use this CSS that will scale on hover any Background images that are set as Pseudo Element:

.gb-container {
    transition: all 0.2s ease-in-out;
}
.gb-container:hover:before {
    transform: scale(1.1);
}

If you wanted to make it apply only to select container backgrounds, then give each Container an Advance > Additional CSS Class(es) of: zoom-background

Then use this CSS instead:

.gb-container.zoom-background {
    transition: all 0.2s ease-in-out;
}
.gb-container.zoom-background:hover:before {
    transform: scale(1.1);
}

That's perfect, thanks David!

You're welcome