Simple jQuery Snowfall Animation with Custom Snowflakes snow it - Download Simple jQuery Snowfall Animation with Custom Snowflakes - snow-it

Download Simple jQuery Snowfall Animation with Custom Snowflakes – snow-it

Posted on

This time I will share jQuery Plugin and tutorial about Simple jQuery Snowfall Animation with Custom Snowflakes – snow-it, hope it will help you in programming stack.

Simple jQuery Snowfall Animation with Custom Snowflakes snow it - Download Simple jQuery Snowfall Animation with Custom Snowflakes - snow-it
File Size: 5.16 KB
Views Total: 5338
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   



Just another jQuery snowfall effect plugin that uses pure CSS for semi-realistic snowflakes with variable colors, densities and min / mix sizes. Works on modern browsers which have CSS3 transform, animation and @keyframe support.

How to use it:

1. Download and place the jQuery snow-it plugin’s script after jQuery library.

1 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
2 <script src="snow-it.js"></script>

2. Initialize the plugin to generate a basic snowfall effect on your webpage.

1 $.fn.snowit();

3. Customize the snowflakes.

01 $.fn.snowit({
02  
03   // min size of snowflake
04   minSize : 10,
05  
06   // max size of snowflake
07   maxSize : 20,
08  
09   // the number of flakes generated
10   total : 25,
11  
12   // speed of flakes when fall down
13   speed: documentHeight / 105,
14  
15   // color of snowflake
16   flakeColor : "#FFFFFF"
17    
18 });

This awesome jQuery plugin is developed by snowonsummer. For more Advanced Usages, please check the demo page or visit the official website.




source : jqueryscript.net