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! 🙂

Screenshot2024-03-06120955.png.125a2fc6f83680b340bc9b7bb238bfb5.pngScreenshot2024-03-06121010.png.b3e08835a538c94d6041e54bb57fb5dd.png

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

image.thumb.png.e0da1deb3da19952fa2eaa3648f1026a.png

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.