Mouse followed by color inverting animation

[DeltaFrog]

Howdy everybody!

Aiming to mimic a cool website feature.  The website below has a bubble animation that follows the mouse and inverts the color of everything under it.  Example here:   https://silviasguotti.design/  Can anyone point me towards how to do this in GSAP?  How do I invert color?  Some sort of blending mode?

   

[akapowl]

Hello @DeltaFrog

 

When you inspect it in dev-tools, you'll see it does use a mix-blend-mode: difference

 

 

 

Inspecting it, you'll also see, that they are using multiple span elements for the different bubbles, so it's not canvas or something else.

 

Here's a basic example (for that mix-blend mode) based on the example in the quickSetter() documentation. Happy tweening!

 

See the Pen LYOdYXK by akapowl (@akapowl) on CodePen