CursorTrail
Animated trail effect that tracks cursor movement
Animated trail effect that tracks cursor movement
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| colorA | color | #00aaff | Color of fresh trails |
| colorB | color | #ff00aa | Color trails transition to as they fade |
| radius | range | 0.5 | Base radius of trail circles |
| length | range | 0.5 | How long trail circles persist (in seconds) |
| shrink | range | 1 | How much circles shrink as they fade out (0 = no shrink, 1 = full shrink) |
| colorSpace | "linear" | "oklch" | "oklab" | "hsl" | "hsv" | "lch" | linear | Color space for color interpolation |
Usage
vue
<Shader>
<CursorTrail
:radius="0.5"
/>
</Shader>