Create Rain & Snow Falling Effects using CSS3 – weather.css

weather.css allows you to create rain & snow following effects on a given element using CSS3 animations.

How to use it:

Download and upload the weather.css, rain.png and snow into your web server.

Load the weather.css in the head section of the web page.

<link href="weather.css" rel="stylesheet">

Add the class="weather snow" or class="weather rain" to any containers and done.

<div class="weather snow"></div>
<div class="weather rain"></div>

Changelog:

07/12/2018

• Compressed images and using Base64 Data URIs