can anybody help me to build this effect.
effect desc - whenever circle hovers an element the color of the text changes but the catch is that the color of the only circle region changes not whole elem. even if half w element is selected than half w color will see change. see below the effect for better understanding .
1 Reply
you can do it with a mix-blend-mode: difference.
- the content needs to have a white background and black text
- the circle needs to be white as well.
with the mixblend mode: difference, the circle highlights the parts that have the same color in black
Here a simple example
https://codepen.io/MarkBoots/pen/abPgLMM