Back to all lessons
Lesson library

Rack focus interaction

Animate a custom rack focus interaction

This video features an old UI. Updated version coming soon!
Clone this project

Bring out your inner filmmaking skills and rack focus between focal planes using a scroll position interaction in Webflow. In this lesson, we'll shift focus between the background (the studio), Grimur (the middleground), and his coffee (the foreground).

Learn more about interactions on the web in our interactions and animations course.

Try Webflow — it's free