Appearance
Glitch
The Glitch text effect produces cyberpunk-themed digital interference over text spans by rapidly setting random clip-paths, horizontal/vertical translation offsets, skew transforms, and dual-layered RGB-split text shadows.
Standard Glitch Trigger
The iterations parameter defines the number of rapid frame transformations. stepDuration sets the lifespan in seconds of each discrete glitch state.
STABLE_SIGNAL
Aggressive Cyberpunk Interference
Increasing intensity expands translation and skew offsets, and setting custom color1 and color2 overrides the RGB splitting palette.
OVERLOAD_ERR
Subtle Micro-Interference
Reducing the intensity and increasing the stepDuration results in a slower, less chaotic signal waver.
SIGNAL_WAVER
Word-Level Block Glitching
Setting the type configuration option to 'words' groups text characters and applies coordinated displacement to whole word elements.
BLOCKS FAILING ONLINE
Periodic Loop Bursting
Combining repeat: -1 and a non-zero repeatDelay configures a loop sequence that fires brief glitch bursts separated by normal signal pauses.
BURST_SEQUENCE
API Reference
javascript
import { glitch } from 'animx/plugins/Text'
const tl = glitch(target, config)Configuration Options
| Option | Default | Description |
|---|---|---|
type | 'chars' | Slicing unit layout: 'chars', 'words', or 'lines'. |
iterations | 8 | Total number of rapid glitch frame transitions. |
stepDuration | 0.06 | Lifespan in seconds of each discrete glitch frame state. |
intensity | 1.0 | Offset scale multiplier for translations, skews, and shadow offsets. |
color1 | '#ff0055' | Color of the first horizontal RGB split shadow. |
color2 | '#00d4ff' | Color of the second horizontal RGB split shadow. |
revertOnComplete | false | Resets layout and removes absolute spans on complete. |
paused | false | Standard playback initialization lock flag. |