Website animation
Website animation
Website animation
Website animation
Scroll Mask Effect
Scroll Mask Effect
Scroll Mask Effect
Scroll Mask Effect
I've recreated the scroll mask effect from the famous 2authenticators website. I'm really proud of this one because it was so complex that I had to scratch my head for hours, all to recreate it using only native Framer features – no code involved!
Luckily for you, I'm sharing the remix link. Totally free, of course.
I've recreated the scroll mask effect from the famous 2authenticators website. I'm really proud of this one because it was so complex that I had to scratch my head for hours, all to recreate it using only native Framer features – no code involved!
Luckily for you, I'm sharing the remix link. Totally free, of course.
I've recreated the scroll mask effect from the famous 2authenticators website. I'm really proud of this one because it was so complex that I had to scratch my head for hours, all to recreate it using only native Framer features – no code involved!
Luckily for you, I'm sharing the remix link. Totally free, of course.
I've recreated the scroll mask effect from the famous 2authenticators website. I'm really proud of this one because it was so complex that I had to scratch my head for hours, all to recreate it using only native Framer features – no code involved!
Luckily for you, I'm sharing the remix link. Totally free, of course.
Features
This effect uses sticky positioning to keep the images at the viewport's center when scaling, and utilizes scroll transforms for the actual scaling effect.
Step / 01
Remix the project for free.
Step / 02
Take a look how it's built
Step / 03
Try recreating it for practice. That's how you're gonna learn.
Free Framer Course
Learn how to create stunning websites with ease by learning the fundamentals of Framer.
Free
Framer Course
Learn how to create stunning websites with ease by learning the fundamentals of Framer.
Free Framer Course
Learn how to create stunning websites with ease by learning the fundamentals of Framer.
