Small JavaScript Plugin For Canvas Based Snow Falling Effect – canvas-snow.js

canvas-snow.js is a lightweight JavaScript library which will apply a snowfall animation to a specific element. Based on HTML5 canvas element and requestAnimationFrame.

How to use it:

Add the canvas-snow.js script to the webpage.

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

Apply the snow falling effect to an element with an unique ID ‘container’.

var falling = new Blizzard('container');

Gives the element a fallback if canvas isn’t supported.

.falling-snow.fallback {
  width: 100%;
  height: 100%;
  background-image: url('bg-snow.png');
  background-size: 100%;
}