Discussion on jQuery Rain and Snow

Discussion on jQuery Rain and Snow

Cart 131 sales

aeonian supports this item


This author's response time can be up to 10 business days.

11 comments found.

It works very well but I have a small problem, I am using it on a long page, there is a lot of content, at the top the snow falls smoothly but by scrolling towards the footer the speed increases a lot. If this can’t be solved is there a way to set a specific height?

Hi, Can you send me your webpage link to understand the problem in detail? My email address is Thank you

Ok mail sent, thank you very much

Thanks for the fix, you were great!

Hi, this is a nice script – the best jquery snow effect I have found. One issue I can’t resolve: is there a way to speed up the time between page load and when the snow first appears? If I change “drop_appear_speed”, I just end up with a huge quantity of snow falling at once. So that is not what I want. But I am trying to change the speed at which the drops first appear. Thanks for any help, even if you can just point me in the right direction.

Thanks You,

Let me try to do it. will contact you soon.

update below code in rainsnow.js

var top_position = -200;

replace it with

var top_position = -10;

And let me know its working or not?


Hi friends

Merry Christmas

We just asked you would it be possible a musical background? Like on this plugin here Snow Effects for WordPress

Thank you

Merry Christmas Sir,

Sorry for late replay,

There is no in built functionality for musical background in this plugin but its simple to add music in background. You need to add HTMl audio tag for music.



Would it be possible to add a music background Would it be possible to add other snow effect

Thank you

HI there,

How does this look on a primarily white background website?

Can the snowflake color be adjusted so that they would be visible?

you need to update CSS for adjust snowflake colour.


Is there a wordpress plugin version of this?

Can we disable the rain/snow/ballon effect on mobile devices?


We can hide effect by media query CSS

@media screen and (max-width:768px) { .classname or element { display:none!important; opacity:0!important; } }


Thnx for your reply, i used some javascript instead of hiding the entire css class or element:

var isMobile = window.matchMedia(“only screen and (max-width: 760px)”);

if (!isMobile.matches){ $(’.home’).RainSnow({ effect_name: ‘snow’, drop_appear_speed: 100, drop_falling_speed: 7000, wind_direction: 3, drop_rotate_angle : ‘-10deg’, drop_count_width_height:[[2,2], [3,3], [4,4], [5,5], [6,6]], drop_left_to_right : false }); };

yeah, that is better solution. :)

Hi, how do I install this, am a bit lost as no documentation

Hello Sir,

Documentation is inbuilt with demo

Suppose you want to add snow effect in your website

for documentation please visit

& for demo open this

Step :

1. add style.css in <head>

2. add js/jquery-1.11.3.min.js and js/rainsnow.js file in bottom of page as same as demo page

3. add below code after at last (after rainsnow.js file)

$(document).ready(function() {

effect_name: 'snow',
drop_appear_speed: 100,
drop_falling_speed: 7000,
wind_direction: 3,
drop_rotate_angle : '-10deg',
drop_count_width_height:[[2,2], [3,3], [4,4], [5,5], [6,6]],
drop_left_to_right : false


thats it.

In short just follow demo page. Let me know if you still have any issue.


I just purchased this but there is no documentation to explain how to install it. There is documentation for a demo but no guide.

Please advise Many thanks

Currently its not working but it was working fine when I seen this site last time.

I switched it to the rain effect and it stopped working. I copied and pasted the code exactly as you have it and then just changed the body id to my snow effect id


Please check your HTML code. Your website HTML code is broken and I think plugin is not working because of broken HTML.

I sent you one screen shot by mail (broken HTML screen shot). Please check your inbox.



Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey