Free CSS3 and Jquery Based Snowflakes
It’s a free simple CSS3 and Jquery based Snowflakes script which then adds a simple snowfall effect inside of your website/blog homepage when installed. However if you are using WordPress CMS and want to add Snowflakes inside of your WordPress blog, I have already written an article about Top 5 Snowfall WordPress Plugins.
Coming to the point, how we can load this simple CSS3 and Jquery based Snowflakes script into an HTML page. Well, if you are trying to use this script inside of your website just walk through this article to get started with snowflakes over your website.
How it Works?
So, if you have just downloaded this simple script into your computer try unzipping the .zip file and upload that extracted folder into cPanel. Once uploaded, you will be able to add the snowfall effect by adding the following code into your HTML file:
<!--<span class="hiddenSpellError" pre=""-->DOCTYPE html>
<head>
<span class="hiddenSpellError" pre="">CSS3</span> Snowflakes Demo
<link href="css/base.css" rel="stylesheet" media="screen" />
<link href="css/snowflakes.css" rel="stylesheet" media="screen" />
</head>
<script src="js/ready.min.js" type="text/javascript"></script>
<script src="js/snowflakes.js" type="text/javascript"></script>
<script type="text/javascript">
var snowflakes;
domReady(function() {
snowflakes = new Snowflakes('container','snowflakesContainer');
snowflakes.create(40);
});
</script>
<body>
<div id="container">
// HTML Content will go here....
</div>
<div id="snowflakesContainer"></div>
</body>
</html>
You will be able to add your own html codes inside of div id container, you must have to load the scripts and css files inside of every html page wherever you want to add the snowfall effect.