Minimalist Falling Snow Effect with Pure JavaScript – Snow.js

Preview:

Description:

Just another pure JavaScript implementation of simple snowfall effect that uses pure HTML/CSS for snowflakes.

How to use:

Just put the snow.js JavaScript library into the html document and we’re done.

<script src="snow.js"></script>

Customize the snowfall effect directly in the JavaScript.

// Amount of Snowflakes
var snowMax = 35;
// Snowflake Colours
var snowColor = ["#DDD", "#EEE"];
// Snow Entity
var snowEntity = "•";
// Falling Velocity
var snowSpeed = 0.75;
// Minimum Flake Size
var snowMinSize = 8;
// Maximum Flake Size
var snowMaxSize = 24;
// Refresh Rate (in milliseconds)
var snowRefresh = 50;
// Additional Styles
var snowStyles = "cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;";

Changelog:

11/18/2018

• JS update