Decrypted Text

Hacking into the mainframe...

Props

Property	Type	Default	Description
text	string	""	The text content to decrypt.
speed	number	50	Time in ms between each iteration.
maxIterations	number	10	Max # of random iterations (non-sequential mode).
sequential	boolean	false	Whether to reveal one character at a time in sequence.
revealDirection	"start" \| "end" \| "center"	"start"	From which position characters begin to reveal in sequential mode.
useOriginalCharsOnly	boolean	false	Restrict scrambling to only the characters already in the text.
className	string	""	CSS class for revealed characters.
parentClassName	string	""	CSS class for the main characters container.
encryptedClassName	string	""	CSS class for encrypted characters.
animateOn	"view" \| "hover" \| "both"	"hover"	Trigger scrambling on hover or scroll-into-view.

solid-js