Blend-Mode Cursor
Also called Difference cursor, Inverting cursor
A circle cursor inverts the colors beneath it using mix-blend-mode difference.
Use for
Creative portfolios
Variants
- mix-blend-mode: difference circle
Prompt
Replace [where] with the part of your page and paste the prompt into your AI agent. Each prompt includes the name of the motion, so next time you can simply ask for it by name.
Add a "Blend-Mode Cursor" (also called a difference cursor or inverting cursor) to [where].
Replace the pointer with a solid circle that sits directly under it with no lag and inverts the colors of the text and shapes it passes over.
Keep the blending contained to that area so it does not mix with the rest of the page, make sure it still inverts clearly in dark mode, and keep the normal cursor on touch devices.