Stumbled across a digital agency’s new website today (some of you may of heard of them, ustwo in the UK) and loved loved this feature they’ve used in the background. www.ustwo.com
As you scroll, the background colour changes, it’s a great effect and I wondered if anyone knew if it could be replicated in Webflow?
Another site which has used a similar detail is this The Third Wave | 2019 Core77 Conference - Core77 but I think their’s isn’t as subtle as ustwo’s and doesn’t work as well… It looks like this site uses one massive div (I think?) with a multicolour gradient running diagonally across it, so as use scroll down you get the colour change effect.
Anyway your thoughts greatly appreciated, and I’ve noticed this feature cropping up elsewhere on the web, bit of a UX trend methinks!
I had done this on a project previously and you can see an example i’ve just published for you and anyone else interested in the same technique. It’s cloneable also so you can use for your own projects.
Amazing! Top top job, that works really smoothly and I’ll definitely use it in the future, thanks so much for making it available to use. You legend
It will be really useful to use this as a base for when (hopefully it should be soon!) WF introduces active scrolling. That’s what I loved about the ustwo site, how the colour is geared to your scroll.
Hey! This is awesome – thanks so much for sharing. I am kind of a newbie, but I was wondering, is there any easy way to transfer this to my site? Where would you suggest starting? Thanks in advance for any help!!
So every fruit image apart from the first one has a Scroll interaction assigned to it. The Main menu also responds to the nearest ID of the sections giving it that darker background. Let me know if you need more help and i’ll ping you my Skype!
Thanks jamiesamman for sharing the website link. It’s some thing new about which I came across. And I also appreciate the implementation shared by other Forum Members.Gonna really try this technique. Hope this works for blog section.