# Image-Zoom on scroll …

**URL:** <https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191>\
**Category:** Elements\
**Created:** [March 19, 2026, 12:02pm UTC](https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191 "2026-03-19T12:02:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ElementsMichael](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsmichael/32/33937_2.png) [@ElementsMichael](https://forums.realmacsoftware.com/u/ElementsMichael)\
**Post date:** [March 19, 2026, 12:02pm UTC](https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191/1 "2026-03-19T12:02:59Z")

</div>

Is it possible to let an image zoom / scale on scroll? Here is an example:

  
_Ps.: I am aware of the REVEAL component. It works almost with it, except for the unnaccessary fade-in and scaling from 0 to 100%._

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [March 19, 2026, 2:50pm UTC](https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191/2 "2026-03-19T14:50:09Z")

</div>

something like this?

[elementsapp://downloadDocument/2ar5TY1izR8X](elementsapp://downloadDocument/2ar5TY1izR8X)

---

<div class="post-metadata">

**Author:** ![ElementsMichael](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsmichael/32/33937_2.png) [@ElementsMichael](https://forums.realmacsoftware.com/u/ElementsMichael)\
**Post date:** [March 19, 2026, 2:58pm UTC](https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191/3 "2026-03-19T14:58:28Z")

</div>

Hi @PMUK Thank you for testing for me. Yes, almost. Except the beginning ;( – The image should be already there, 100% opacity, size f.e. 75% and then while scrolling it gets bigger. So no opacity effects and the start is not scaled down to 0% size …

Any idea / workaround?

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [March 19, 2026, 3:24pm UTC](https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191/4 "2026-03-19T15:24:18Z")

</div>

Ok have a look at this I can not get opacity sorted but put a class of opacity-100 to both picture and reveal without success. So it’s over to @dan to help on this as I can not do it.

[elementsapp://downloadDocument/tJq0qPmMX2Q7](elementsapp://downloadDocument/tJq0qPmMX2Q7)

---

<div class="post-metadata">

**Author:** ![ElementsMichael](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elementsmichael/32/33937_2.png) [@ElementsMichael](https://forums.realmacsoftware.com/u/ElementsMichael)\
**Post date:** [March 19, 2026, 6:44pm UTC](https://forums.realmacsoftware.com/t/image-zoom-on-scroll/55191/5 "2026-03-19T18:44:34Z")

</div>

Really appreciate your support. Very nice of you. Indeed, over to @dan😉