Jump to content

Can't make mix-blend-mode work on my title

Recommended Posts

Hey there! I'm trying to put mix-blend-mode difference on my H1 title and the P just under it so the moving background doesn't hide the text like it does on the second image. I think I'm not applying the effect on the right element. Anyone able to help? Here's my website : https://piano-disc-dycs.squarespace.com/

Bonus : If you can figure out how to apply the same effect to the nav, That would be awesome! 🙂


Link to comment
  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

On 3/9/2024 at 4:14 AM, tuanphan said:

It shows fine on second image


What I'm trying to achieve is the difference blend mode on the title and the nav elements (trying to target the nav only on hover). How do I write this in CSS?

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.