True Focus
TrueFocusAnimation
Customize
Blur Amount5px
Animation Duration0.5s
Pause Between1s
Manual Mode
Props
| Property | Type | Default | Description |
|---|---|---|---|
sentence | string | "True Focus" | The sentence to display. |
separator | string | " " | Character(s) used to split the sentence into words. |
manualMode | boolean | false | If true, focus changes on hover instead of auto-cycling. |
blurAmount | number | 5 | Blur intensity in pixels for non-focused words. |
borderColor | string | "green" | Color of the focus frame corners. |
glowColor | string | "rgba(0, 255, 0, 0.6)" | Glow color for the focus frame. |
animationDuration | number | 0.5 | Duration in seconds for the focus frame animation. |
pauseBetweenAnimations | number | 1 | Pause in seconds between auto-cycling (non-manual mode). |
Dependencies
solid-motionone