Framer Tutorial: Creating a 3D Text Scroll Animation

Framer Tutorial: Creating a 3D Text Scroll Animation

Intermediate

18 min

Framer Tutorial: Creating a 3D Text Scroll Animation

Learn how to create 3D text scroll animations in Framer. I'll show how to structure your layers and set 3D transforms to achieve a whole 3D tube made of text. I'll also show how you can animate those 3D transformations so you get a nice scroll animation.

image of Nandi Muzsik

Taught by

Nandi

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 lessons

More lessons

    Framer Tutorial: Prallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Prallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Prallax Hover + Progressive Blur = Epic Cards

    Framer Tutorial: Parallax Hover + Progressive Blur = Epic Cards

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects

    Framer Trick: Convert 2D Elements into Interactive 3D Objects