Jump to content

Is there a way to change an item's colours WHILST SCROLLING depending on light or dark background colours?

Recommended Posts

Is there a way to change an item's colours depending on light or dark background colours?

Any item like a header, or nav.

I was wondering how we can implement colour change depending on section backgrounds.

For example, a fixed H1 text in the middle of the screen, how do we make the text change colour WHILST SCROLLING between light and dark background colors?

What's the best way to do this?

I was trying out with color-blend-mode:difference but the effects felt too much on the eyes.

Thanks in advance! ❤️ ❤️

Edited by annaamay
missed out text
Link to comment
  • annaamay changed the title to Is there a way to change an item's colours WHILST SCROLLING depending on light or dark background colours?
  • Replies 6
  • Views 801
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 weeks later...
  • 3 weeks later...
On 10/28/2021 at 2:48 PM, whartonstudio said:

HI tunaphan, it would be so great to know the code you used - I'm also trying to do this! I'm on 7.1 Business Plan. Thanks! Emma

Can you share link to your site? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.