Simple jQuery Snowfall Animation with Custom Snowflakes - snow-it
| File Size: | 5.16 KB |
|---|---|
| Views Total: | 6526 |
| 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.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="snow-it.js"></script>
2. Initialize the plugin to generate a basic snowfall effect on your webpage.
$.fn.snowit();
3. Customize the snowflakes.
$.fn.snowit({
// min size of snowflake
minSize : 10,
// max size of snowflake
maxSize : 20,
// the number of flakes generated
total : 25,
// speed of flakes when fall down
speed: documentHeight / 105,
// color of snowflake
flakeColor : "#FFFFFF"
});
This awesome jQuery plugin is developed by snowonsummer. For more Advanced Usages, please check the demo page or visit the official website.











