Skip to content

choodex/MatrixCSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MatrixCSS

The goal of this project is to create the Matrix Rain effect using CSS3 for animation and depth, and JQuery to dynamically adapt to screen height and speed.

A proof of concept can be found on CodePen. It was inspired by this CodePen by Ebram Marzouk, which is an eloquent solution utilizing HTML5 canvas and JS.

To Use

From command line:

# Install dependencies and run the app
npm install && npm start

If electron is not installed globally, there may be issues running the npm start command. If so, then run the following command instead:

./node_modules/.bin/electron .

Or, open the src/index.html file in your favorite, modern browser.

DISCLAIMER

The characters generated in this app come from a random number that is then encoded. Any resulting phrases or words are purely coincidental.

About

A Matrix Rain effect using CSS and JQuery running in Electron.

Resources

License

Stars

Watchers

Forks

Packages

No packages published