Animations & Motion
Negative Space
Inverted color effect using mix-blend-exclusion.
cursormagneticexclusioninvertblend
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
backgroundColor | string | bg-zinc-950 | Background color of the component |
title | string | Negative Space | Title text displayed |
buttonText | string | Hover Me | Text on the hover button |
size | string | w-8 h-8 | Size of the cursor |
inactiveScale | number | 1 | Scale when inactive |
activeScale | number | 3 | Scale when active |
springDamping | number | 25 | Spring animation damping |
springStiffness | number | 400 | Spring animation stiffness |
transitionDuration | number | 0.3 | Transition duration in seconds |
cursorBackgroundColor | string | bg-white | Background color of the cursor |
className | string | Additional CSS classes |