Subtle Zoom Backgrounds on Scroll

[verobeachmarketing]

Is there a way to do zoom backgrounds simpler than this? https://awxcode.com/

#cs-content > div.e20-1.x-section.homepage_hero.x-hide-sm.x-hide-xs > div.x-bg > div,
#cs-content > div.e20-40.x-section.x-hide-lg.x-hide-md.x-hide-xl > div.x-bg > div,
#cs-content > div.e20-122.x-section.block_header.x-hide-lg.x-hide-xl > div.x-bg > div
{
background-size: auto;
background-attachment: fixed;
background-repeat: repeat;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-animation: zoomin 5s ease-in ;
animation: zoomin 5s ease-in ;
transition: all .5s ease-in;
overflow: hidden;
animation-fill-mode: forwards;

}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.05);}
}
@keyframes zoomin {
0% {transform: scale(1);}
100% {transform: scale(1.05);}
} /*End of Zoom in Keyframes */

[lely]

Hi @verobeachmarketing,

Unfortunately, zoom in options for background is not available. At the moment, it can only be achieve using custom CSS like you have above.

There is already a feature request for interactions and animations not just for backgrounds but in general. i have added you to vote on the request.