Scroll Rotation Animation in Framer

This is a Framer rebuild of the scroll rotation animation originally seen on the Rainbow website. Feel free to remix the project, delve into it, and see how it's put together.

Created by

Nandi

About the resource

The effect is actually simpler than you might think. All we do is rotate the containers of the logos using a scroll transform. The 'from' state starts with opacity 1 and scale 1, and then the 'to' state introduces a neat little rotation. Yep, that's all there is to it.

About the resource

scroll transforms in Framer — Scroll transform effect in Framer.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More resources

View all

Unmask Sections On Scroll in Framer
Animation
Unmask Sections On Scroll in Framer
Animation
Image Sequence Scroll Animation in Framer
Animation
Image Sequence Scroll Animation in Framer
Animation