Rack focus interaction

Animate a custom rack focus interaction

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

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.