@twistezo/react-text-scramble
Version:
React text scramble effect
35 lines (34 loc) • 956 B
TypeScript
export interface TextScrambleOptions {
letterSpeed?: number;
nextLetterSpeed?: number;
paused?: boolean;
pauseTime?: number;
texts: string[];
}
export declare class TextScrambleAnimator {
private bakeLetterInterval;
private bakeTextInterval;
private currentText;
private displayedText;
private element;
private leftIndexes;
private letterSpeed;
private nextLetterSpeed;
private paused;
private pauseTime;
private pauseTimeout;
private texts;
constructor(element: HTMLElement, options: TextScrambleOptions);
destroy(): void;
pause(): void;
play(): void;
reset(): void;
setTexts(texts: string[]): void;
private animate;
private bakeLetter;
private bakeText;
private clearAllIntervals;
private initSymbols;
private render;
}
export declare function createTextScramble(element: HTMLElement, options: TextScrambleOptions): TextScrambleAnimator;