3 ms·
CSS supports replacing cursor images natively. https://developer.mozilla.org/en-US/docs/Web/CSS/cursor https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
by jampekka 1y ago
CSS supports replacing cursor images natively.
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
- deleted 1y ago[deleted]
- Ajedi32 1y agoIn this case it looks like they didn't just want an image though, they wanted the cursor to invert the color of whatever part of the web page it's over, and to seamlessly morph into a selection highlight whenever you mouse over certain controls. Seems like that's a lot harder to make performant.
- freeone3000 1y agoYou can do that by changing the cursor icon for the elements in question. The CSS rule does support per-element swapping (because of course it does, that’s how a text input has a bar but a button has a pointer).
- jampekka 1y agoThe cursor color inversion can't be done with CSS though.
- freeone3000 1y agoUse a different colored image. The background colour of the hovered element is known. When you specify the bgcolor, also override the cursor image.
- jampekka 1y agoThe 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.
- johnisgood 1y agoI am pretty sure it is doable in CSS.
- magios 1y agoanother thing to block in firefox userContent.css as there doesn't appear to be an option for it in about:config