Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Cloneable rack focus interaction in Webflow

Webflow University's avatar
Webflow University
Clone in Webflow41
site profile thumbnail
Open in Webflow
Open live site
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).
Open in Webflow
Open live site
webflowuniversity
ix2
interactions
focus
filter
blur

More sites by Webflow University

See profile
3DVC - Quick Stack Template
623
1.8k
Cloneable, custom horizontal scroll interaction
283
3.7k
Full Localization Site | Webflow University
219
2k

Similar sites

author avatar
bg-interaction
126
602
Nelson Abalos Jr
author avatar
Book Interaction Experiment
77
182
Aaron Grieve
author avatar
samdickie
11
Sam Dickie
author avatar
Portfolio course - Mouse follow interaction on custom 404 page
20
387
Webflow University
author avatar
Cloneable, animated custom accordion — Webflow University
79
5.3k
Webflow University
author avatar
Webflow 101: Interactions
3
26
Webflow University
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social