Posted in JavaScript Jquery

Rain Drop Effects With Rainyday.js

Rain Drop Effects With Rainyday.js Posted on May 1, 201413 Comments

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

Rain Drop Effects With Rainyday.js
Best WordPress Hosting

Rainyday.js is a cool JavaScript library that uses HTML5 Canvas to render animated rain drops falling on a window glass. It looks really awesome and fells like you are watching real rain drops falling on a glass.

It is easy to use Library and supported by most of the modern browsers which support HTML5.

Demo Download

Advertisement

Rain Drop Effects With Rainyday.js

How to use it:

Add the html section with an image background and canvas.

Include rainyday.js library file in the footer of the web page and create the function to add the raindrop effect.

 

advertisement

Deepanker Verma is the CEO of Techlomedia and a full time blogger. On this blog, he shares web design resources, SEO tips blog monetization tips.

13 thoughts on “Rain Drop Effects With Rainyday.js

  1. Is it possible play with the values you have set so that I can vary:
    1. amount of droplets
    2. droplets speed
    3. droplets size

      1. Thanks for the info. I’d be interested in the basic steps for wordpress integration as well. I did not see a follow up post. Was one written? I will play around with it a little more myself if not.

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Receive fresh web design resources and SEO tips in your email by our weekly newsletter

You have Successfully Subscribed!