"Rain of images" effect in CSS3, JQuery or JavaScript. How to make?

1

What I have:

-A div with background-bg class, whose image fills the entire screen.

<div class"background-bg"></div>

What I want to do:

- Create a "rain / snow" effect (falling type) using 20 other small images (120x120).

Expected result:

1-When the page loads, the background image (background-bg class) will cover the entire screen;

.background-bg{
  background-image: url("img/background-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.background-bg{
  width: 100%;
  height: 100%;
  
}

2-After 5 seconds, a "rain" of small images should happen infinitely.

Searching the web I found snow effects here / a>, here , here and here .

I want something very similar, with 20 images and not just 1.

Can anyone tell me how I can do it?

    
asked by anonymous 05.12.2015 / 20:40

0 answers