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
No items found.
This video features an old UI. Updated version coming soon!