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

Change Background Image on Scroll

Dave's avatar
Dave
Clone in Webflow228
site profile thumbnail
Open in Webflow
Open live site
Here is an example how to style 4 Divs as BG images and then changing the opacity of each Div at different % points while the page is scrolling using Webflow IX. Help for design questions here: https://forum.webflow.com/c/help/design-help
Open in Webflow
Open live site
parallax-image
scroll-image
background-change

More sites by Dave

See profile
Example Vimeo BG Video Static or CMS
46
294
Basic Interactive Quiz Example
29
350
Lazy Load Background Images
24
149

Similar sites

author avatar
Blur image on scroll
16
55
Brando Roche
author avatar
colour-change-progress
35
65
Stu
author avatar
Change Static Image on Scroll
56
336
Paco Villalpando
author avatar
creative-design-no1
2
Eric Petsopoulos
author avatar
autoscrolling-images-in-background-on-i
242
445
Build Digital Studio
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