stumbled upon this neat tutorial that shows off four cool ways to reveal fullscreen images using svg masks and GSAP animations triggered by scrolling. its pretty sweet how they use grid- or blind-based patterns for some nifty effects.
ive been playing around a bit myself, trying out different mask shapes on scroll - def worth checking if youre into creative reveals! what kind of transitions are y'all using? any favorites?
➡️ do ya have your own favorite svg trick up yer sleeve i could steal ideas from?
// example js snippetgsap. fromTo('. image-mask', {y: 10}, {y:-5,ease:"power2. out",duration:.7,scrollTrigger:trigger:". content", // what's triggering this?start:'top bottom',end:'+=3'});more here:
https://tympanus.net/codrops/2026/03/11/svg-mask-transitions-on-scroll-with-gsap-and-scrolltrigger/