Simple jQuery Snowfall Animation with Custom Snowflakes - snow-it
File Size: | 5.16 KB |
---|---|
Views Total: | 6490 |
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.