CSS3 Snow!

So I got a bit irked the other day when looking to sort out what sort of method I’d like to use for putting snow on a website.  All the options just looked bad.  Some were using images (which I’d prefer to avoid) — others were using crazy javascript hijinks.  I figured there’d have to be a simpler way.

So I wrote one.  It’s not perfect, and it’s not quite a ‘drop-in’ (read: you’ll need to test it before pushing it live.  Tweak the speed, height, etc to your heart’s content).  It was originally written to only put snow in the header of the site — not over the whole page.


Enjoy!  Any questions about implementation are welcome!