Streaming live at 10am (PST)

Logo colour change on scroll


#1

Hi all,

I was wondering if anyone knows how to create a ‘logo colour change on scroll’ effect I saw on this site: https://www.helloheco.com/

I really like how the logo changes colour depending on the colour of the background. I know he created the website on Webflow, but I guess he’s used code as I cannot find it in his interactions.

Does anybody know how to do this? Code or no code?

Really appreciate any comments in advance :slight_smile:
Thank you!


Here is my public share link: LINK
(how to access public share link)


#2

On the website you linked they use a filter on the logo to change it from black to white. It’s the “invert” filter. If you have a logo with color (other than black and white) you could change it with the “hue rotate” filter. But you can’t type in a specific color (which normally isn’t good).

You have to integrate the filter into the scroll animation (affecting a different element = your Logo).

Hope you understand what I am saying :wink:


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.