diff --git a/snow.js b/snow.js new file mode 100644 index 0000000..058b636 --- /dev/null +++ b/snow.js @@ -0,0 +1,22 @@ +window.addEventListener('DOMContentLoaded', ()=> { + const container = document.querySelector('.wrapper'); + + const createSnow = () => { + const snowEl = document.createElement('span'); + snowEl.className = 'snow'; + const minSize = 5; + const maxSize = 10; + const size = Math.random() * (maxSize - minSize) + minSize; + snowEl.style.width = `${size}px`; + snowEl.style.height = `${size}px`; + snowEl.style.left = Math.random() * 100 + '%'; + container.appendChild(snowEl); + + setTimeout(() => { + snowEl.remove(); + }, 3000); + } + + setInterval(createSnow, 100); + }); + \ No newline at end of file