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

Category: Animation , CSS & CSS3 | July 12, 2018
Author: moqmar
Views Total: 7,228
Official Page: Go to website
Last Update: July 12, 2018
License: MIT

Preview:

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

Description:

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

Leave a Reply