Hi team,
The native Image Gallery element supports infinite scroll, which works great — but newly loaded items appear instantly, with no transition. Visually it feels a bit abrupt compared to the rest of Bricks, where most dynamic elements have polished motion.
While working on a client site, I noticed that Bricks already adds a brx-gallery-item-reveal class to every item injected by infinite scroll. That hook is perfect, but there’s no UI for it, and by default it has no visible effect. I ended up writing a few lines of custom CSS to make it work:
.brxe-image-gallery .bricks-layout-item.brx-gallery-item-reveal {
animation: fadeIn .6s ease both;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
It would be great to have this exposed in the builder UI — ideally a small “Reveal animation” section under the infinite scroll settings with:
- A preset dropdown (fade, fade up, scale, etc.) — consistent with the existing Bricks animation system
- Duration and easing controls
- An optional stagger delay for items within a batch
Since the brx-gallery-item-reveal hook is already there, this feels like a small addition that would significantly improve the perceived quality of galleries built with Bricks. Would love to see it considered.
Thanks for the great work!