Crazy Parallax Animation in Framer

Crazy Parallax Animation in Framer

Animation

Crazy Parallax Animation in Framer

This is a recreation of the fantastic parallax scroll effect from Kevin Hou's website, using Framer. It's a great project for highlighting how easy it is to manipulate scroll speeds in Framer.

image of Nandi Muzsik
image of Kevin

Created by

Crazy Parallax Animation in Framer
Crazy Parallax Animation in Framer
Crazy Parallax Animation in Framer

About the resource

This effect makes use of the super easy-to-use scroll speed effect in Framer.

Essentially, we split the scene into multiple depth layers, then apply different scroll speeds to these layers to imitate a 3D-like environment.

Did you notice the clouds coming in from the sides? The little details.

Oh and by the way I used the smooth scroll component for the smooth scroll on the website.

About the resource

This effect makes use of the super easy-to-use scroll speed effect in Framer.

Essentially, we split the scene into multiple depth layers, then apply different scroll speeds to these layers to imitate a 3D-like environment.

Did you notice the clouds coming in from the sides? The little details.

Oh and by the way I used the smooth scroll component for the smooth scroll on the website.

About the resource

This effect makes use of the super easy-to-use scroll speed effect in Framer.

Essentially, we split the scene into multiple depth layers, then apply different scroll speeds to these layers to imitate a 3D-like environment.

Did you notice the clouds coming in from the sides? The little details.

Oh and by the way I used the smooth scroll component for the smooth scroll on the website.

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

More resources

More resources

    Interactive 3D Hero Animation in Framer

    Interactive 3D Hero Animation in Framer

    Animation

    Interactive 3D Hero Animation in Framer

    Interactive 3D Hero Animation in Framer

    Animation

    Interactive 3D Hero Animation in Framer

    Interactive 3D Hero Animation in Framer

    Animation

    Veggie Button Animation in Framer

    Veggie Button Animation in Framer

    Animation

    Veggie Button Animation in Framer

    Veggie Button Animation in Framer

    Animation

    Veggie Button Animation in Framer

    Veggie Button Animation in Framer

    Animation