How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Animation
This is a recreation of the tilted scrolling effect from the fantastic website of Andreas Antonsson, using Framer. It's a perfect project to show what you can accomplish when you use scroll transforms in a clever way.
Created by
This animation needs a 100vh container that's set to sticky. Within this sticky container, we've got some images, each using scroll transforms for offsets when scrolling. For that tilted effect, we slightly rotate the image frame, and to enhance the look with a curved carousel vibe, we craft two mask shapes. We then absolutely position these masks on both sides of the website.
This animation needs a 100vh container that's set to sticky. Within this sticky container, we've got some images, each using scroll transforms for offsets when scrolling. For that tilted effect, we slightly rotate the image frame, and to enhance the look with a curved carousel vibe, we craft two mask shapes. We then absolutely position these masks on both sides of the website.
This animation needs a 100vh container that's set to sticky. Within this sticky container, we've got some images, each using scroll transforms for offsets when scrolling. For that tilted effect, we slightly rotate the image frame, and to enhance the look with a curved carousel vibe, we craft two mask shapes. We then absolutely position these masks on both sides of the website.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
