Text Scramble
Text reveal using a randomized scramble effectA custom-built scramble effect in React that uses a combination of CSS and JavaScript to create a unique text animation. The component takes a text string, reveal delay and scramble rate as props. Each string cycles through a collection of characters randomly at the given
revealDelay and scrambleRate.The choice of using green on black as well as a monospace font was initially inspired by Neo's wake-up scene in the Matrix1 where he is woken up by a prompt on his desktop. After I came across some of the great work by Nous Research2, I adopted their Cathode-Ray-Tube style CSS effects and applied them to my original design to create a more realistic prototype.