Creating
Falling Snow on HTML Pages

NOTE:
This article is outdated. Please visit the Creating Falling Snow in HTML/JS tutorial instead.

Being a hardware/software fanatic, I was doing my daily rounds around popular computing sites checking up on the day's latest downloads. Because it was the holiday season, numerous sites had their layouts and graphics changed to reflect the holiday season. One site, WinDrivers.com, had something that I had never seen before in a Web site; falling snow that goes over text and other objects.

This effect is the same as the falling snow you saw in this page a moment earlier. Here's how to create this effect:

  1. Open your HTML page that you wish to apply the falling snow effect to in Notepad or another HTML editor.
     
  2. Find the section of code between your <body> and </body> tags. Copy and paste the code from the following box between your body ( <body> , </body> ) tags:

[ copy and paste the above code in your HTML page ]

  1. Simply save the file and preview it in your browser (Internet Explorer preferably).

Conclusion
I'd like to thank Scott Hermanson of WinDrivers.com for being generous enough to answer my e-mail with the JavaScript file during the busy holiday season. If you haven't seen his site, be sure to point your browser to: http://www.windrivers.com

Did You Like This?

Getting Help

If you have questions, need some assistance on this topic, or just want to chat - post in the comments below or drop by our friendly forums (where you have a lot more formatting options) and post your question. There are a lot of knowledgeable and witty people who would be happy to help you out

Share

Did you enjoy reading this and found it useful? If so, please share it with your friends:

If you didn't like it, I always like to hear how I can do better next time. Please feel free to contact me directly at kirupa[at]kirupa.com.

Cheers!

Kirupa Chinnathambi

 

Add Your Comment (or post on the Forums)

add your comment

  

Read-only Archive of Old comments

Below is an archive of old comments made on this article. To create new comments click on the Start or Continue Discussion text above to add to this list.

blog comments powered by Disqus

 

 

 

 

 

 

 

 




SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple.