Simple Snow Falling Effect Using CSS Transforms

Preview:

Description:

A simple snowfall effect archived by rotating & flipping images to give the appearance of falling snowflakes.

How to use it:

1. To use the snowfall effect, simply add the following stylesheet to the webpage.

<link rel="stylesheet" href="dist/css/snowfall.css" />

2. Add images to anything you like to the <snowflake>element. That’s it.

<snowflake><span>🌟</span>️</snowflake>
<snowflake><span>🎄</span>️️</snowflake>
<snowflake><span>🎅</span>️️</snowflake>
<snowflake><span>🎄</span>️️</snowflake>
<snowflake><span>🎁​</span>️️</snowflake>
<snowflake><img src="dist/img/snowflake.png">️</snowflake>