How to Add Snowstorm Snow Effect For Websites

Posted by Lasantha Bandara on December 20th, 2017 File Under : java script0 Comment

Snowstorm is a JavaScript based snow effect that can be easily added to any web pages. You can display snow on your website within few seconds using Snowstorm. It has many options if you need to change the default behavior. If you using Blogger or any other platform, add below code just before </head> tag of your website:

<script src='https://cdnjs.cloudflare.com/ajax/libs/Snowstorm/20131208/snowstorm-min.js'></script>

<script type='text/javascript'>
//<![CDATA[

snowStorm.autoStart = true;
snowStorm.animationInterval = 33;
snowStorm.flakeBottom = null;
snowStorm.flakesMax = 128;
snowStorm.flakesMaxActive = 64;
snowStorm.followMouse = true;
snowStorm.freezeOnBlur = true;
snowStorm.snowColor = '#fff';
snowStorm.snowCharacter = '';
snowStorm.snowStick = true;
snowStorm.targetElement = null;
snowStorm.useMeltEffect = true;
snowStorm.useTwinkleEffect = true;
snowStorm.usePositionFixed = false;
snowStorm.vMaxX = 8;
snowStorm.vMaxY = 5;

//]]>
</script>

Note: You can change pink colored values of above code as you like. But it is optional.

You can see a demo of this snow falling effect HERE.

File Under : java script

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.