Why is blend mode not working?
I want to use mix-blend-mode: difference; for the logo but it is not working. Why is that?
CodePen: https://codepen.io/FESODI/pen/LYKyZeG
10 Replies
you need to declare background color on a parent element.
default body color doesn't work 😉
If I put a background color then it will be in front of the background.
Check out the code again, you will see.
https://trionn.com/ I want to do just like this one.
TRIONN®
TRIONN | Crafting Award-Winning Digital Journeys.
Trionn® - Redefining Digital Creativity: Your Partner for UI/UX, Mobile App, Web App, Branding, Creative Website Design, and Custom Development in Rajkot, Gujarat, India.
You can see there is no background color.
what part of the site i need to look at ?
there is background-color declared on the body
that is how they did it
I also have background-color on the body.
But it is black.
put the mix-blend on the visible-navbar instead of white background-color
https://codepen.io/MannixMD/pen/rNEmLQB
It worked. Thank you so much !!!!!!!!!!!!!!