Drop-Images-NormalRain/dropInvertRain.js at main · VladimirSaenko/Drop-Images-NormalRain · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

"use strict";

let images = [
    'url("https://picsum.photos/600/600?random=1")',
    'url("https://picsum.photos/600/600?random=2")',
    'url("https://picsum.photos/600/600?random=3")',
    'url("https://picsum.photos/600/600?random=4")',
    'url("https://picsum.photos/600/600?random=5")',
    'url("https://picsum.photos/600/600?random=6")',
    'url("https://picsum.photos/600/600?random=7")',
    'url("https://picsum.photos/600/600?random=8")',
    'url("https://picsum.photos/600/600?random=9")',
    'url("https://picsum.photos/600/600?random=10")',
    'url("https://picsum.photos/600/600?random=11")',
    'url("https://picsum.photos/600/600?random=12")',
    'url("https://picsum.photos/600/600?random=13")',
    'url("https://picsum.photos/600/600?random=14")',
    'url("https://picsum.photos/600/600?random=15")',
    'url("https://picsum.photos/600/600?random=16")',
    'url("https://picsum.photos/600/600?random=17")',
    'url("https://picsum.photos/600/600?random=18")',
    'url("https://picsum.photos/600/600?random=19")',
    'url("https://picsum.photos/600/600?random=20")',
    'url("https://picsum.photos/600/600?random=21")',
    'url("https://picsum.photos/600/600?random=22")',
    'url("https://picsum.photos/600/600?random=23")',
    'url("https://picsum.photos/600/600?random=24")',
    'url("https://picsum.photos/600/600?random=25")'
];

function dropImage() {
    let section = document.querySelector('section');
    let drop = document.createElement('span');
    drop.style.left = Math.random() * innerWidth + 'px';
    // drop.style.top = Math.random() * innerHeight + 'px';
    let bg = images[Math.floor(Math.random()*images.length)];
    let size = Math.random() * 200;
    drop.style.width = 50 + size + 'px';
    drop.style.height = 50 + size + 'px';
    drop.style.backgroundImage = bg;
    section.appendChild(drop);
    setTimeout( ()=> {
        drop.remove()
    }, 6000);
}

setInterval(dropImage, 50);