Use a different colored image. The background colour of the hovered element is k... | Hacker News

Hacker Newsnew | past | comments | ask | show | jobs | submit

		freeone3000 3 months ago \| parent \| context \| favorite \| on: Material 3 Expressive Use a different colored image. The background colour of the hovered element is known. When you specify the bgcolor, also override the cursor image.

jampekka 3 months ago [–]

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.

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact