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?