========================= */ const drift = (Math.random() * 180 - 90).toFixed(0) + "px"; const rotation = (180 + Math.random() * 540).toFixed(0) + "deg"; /* ========================= DEPTH / SCALE ========================= */ const scale = (0.65 + Math.random() * 0.85).toFixed(2); const opacity = (0.45 + Math.random() * 0.5).toFixed(2); /* ========================= SET PROPERTY ========================= */ flake.style.left = left + "vw"; flake.style.setProperty( "--delay", delay ); flake.style.setProperty( "--dur", duration ); flake.style.setProperty( "--glow", glowDuration ); flake.style.setProperty( "--glow-delay", glowDelay ); flake.style.setProperty( "--drift", drift ); flake.style.setProperty( "--rot", rotation ); flake.style.setProperty( "--scale", scale ); flake.style.setProperty( "--opacity", opacity ); fragment.appendChild(flake); } wrap.appendChild(fragment); })();