← Back to context

Comment by jampekka

1 month ago

The cursor color inversion can't be done with CSS though.

Use a different colored image.

The background colour of the hovered element is known. When you specify the bgcolor, also override the cursor image.

  • The effect on the page is per-pixel, it doesn't change the whole cursor color when the hovered element changes.

    For normal elements this can be done with mix-blend-mode, but that's not available for the cursor.