Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

js-matrixrain

a simple matrix rain background effect in javascript

"Snowflakes TFB" font by zanatlija "Halloween TWO" font by Manfred Klein

SETTINGS

Font size

in pixel

matrixrain_fontSize


Font color

in hexadecimal or named notation

matrixrain_fontColor font color


rain drop speed

matrixrain_speed

lower is faster, higher is slower


font family

matrixrain_font

as in HTML or CSS


background color

matrixrain_backColor

in rgba: red, green, blue, transparency (alpha)

use "rgba(0, 0, 0, 0.04)" for BLACK

use "rgba(255, 255, 255, 0.04)" for WHITE

you have to also edit 'background-color' in the css if you dont like the "flashing" effect on start

Usage

For CSS add to <HEAD>:

<link rel="stylesheet" type="text/css" href="matrixrain.css">

For JS add to <BODY>:

<script src="matrixrain.js" defer></script>

Take a look at demo.html if you need some reference

About

a simple matrix rain background effect in javascript

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages