Animations
The shopping experience animations are triggered when the page is scrolled by the user.
The animations are triggered when the element moves into the viewing area of the so-called viewport by scrolling.
To initiate an animation select a block (1) and add the class zen-animate in conjunction with any of the following pre-made animation classes:
fade-infade-in-topfade-in-bottomfade-in-fwdslide-in-topslide-in-rightslide-in-bottomslide-in-leftslide-in-blurred-topslide-in-bck-centerslide-in-blurred-bottompopularpuff-in-centerflip-in-hor-topflip-in-hor-bottomswing-in-bottom-fwdbounce-in-bottomscale-in-center
The animation classes are inserted into the CSS classes (2) field of the block in the layout settings.
Example:
Last updated
Was this helpful?
