Resources

Scroll Rotation Animation in Framer

View demo

Remix project

Remix project

Resources

Scroll Rotation Animation in Framer

View demo

Remix project

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How to make your first $1,000 with Framer

Free training

How to make your first $1,000 with Framer

Free training

Animation

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.

image of Nandi Muzsik

Created by

Nandi

Scroll Rotation Animation in Framer

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

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

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.

scroll transforms in Framer

Scroll transform effect in Framer.

scroll transforms in Framer

Scroll transform effect in Framer.

scroll transforms in Framer

Scroll transform effect in Framer.

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

Learn to make your first $1,000 with Framer from zero.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Free training

Nandi portrait's background

More resources

More resources

View all

  • Business growth cards: Zero to One, Scaling, Quick solutions

    3D Image Split Scroll Animation in Framer

    Animation

    Business growth cards: Zero to One, Scaling, Quick solutions

    3D Image Split Scroll Animation in Framer

    Animation

  • WordPress showcase hero with featured brand logos

    Unmask Sections On Scroll in Framer

    Animation

    WordPress showcase hero with featured brand logos

    Unmask Sections On Scroll in Framer

    Animation