Search lessons...

Adding a transition effect

Course instructor

This lesson teaches how to create a smooth transition effect between monthly and annual pricing in Framer. You'll learn to set up a stack with two price displays, use distribution variables, and create a sliding animation. The tutorial also covers adding captions with opposite transitions and fine-tuning the animation timing for a polished effect.

This lesson teaches how to create a smooth transition effect between monthly and annual pricing in Framer. You'll learn to set up a stack with two price displays, use distribution variables, and create a sliding animation. The tutorial also covers adding captions with opposite transitions and fine-tuning the animation timing for a polished effect.

This lesson teaches how to create a smooth transition effect between monthly and annual pricing in Framer. You'll learn to set up a stack with two price displays, use distribution variables, and create a sliding animation. The tutorial also covers adding captions with opposite transitions and fine-tuning the animation timing for a polished effect.

Unlock the course today

Sign up today to lock in the course at the best price.

Course

Get access to the entire curriculum & learn at your own pace

$99

one-time fee

What's included:

90+ video lessons

90+ video lessons

11+ hours of content

11+ hours of content

Lifetime access

Lifetime access

All future updates

All future updates

Course + Coaching

Get access to the curriculum and 2 separate 1:1 sessions with the instructor

$399

one-time fee

What's included:

90+ video lessons

90+ video lessons

11+ hours of content

11+ hours of content

Lifetime access

Lifetime access

All future updates

All future updates

Two 40-min 1:1 sessions with instructor

Two 40-min 1:1 sessions with instructor