On-Scroll Image Un-Mask Effect @Framer #design #animation

On-Scroll Image Un-Mask Effect @Framer #design #animationOn-Scroll Image Un-Mask Effect @Framer #design #animation

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Shani Tiwari

• Jun 4

On-Scroll Image Un-Mask Effect @Framer

#design #animation

UX Engineering Framer Low-Code/No-Code Development

Max Iriani

pro

• Jul 28

Playing around with a scroll-driven 3D animation in Framer.

The "3D" is actually just a video. The animation was made in Blender (not by me), then I exported it as a video and used a component that syncs the video playback with the scroll position.

Pretty cool way to get a 3D-like effect without embedding a real 3D scene.

The quality might look a bit off in places, but I think that's because the animation itself is pretty fast. I'll probably slow it down and see if that improves it.

Framer Blender freelancerlife

Eric Moore

pro

• Jul 28

I used the same setup for a 73-second Seedance film, with scroll controlling video playback. The tricky part was hiding the seams between generated clips so the scrub still felt continuous.