Vai ai contenuti

Neve - IK2ILJ

Salta menù
Salta menù

Neve

Novità
<!-- Effetto neve -->
<script type="text/javascript">
window.onload = function() {
   var snow = document.createElement('div');
   snow.style.position = 'fixed';
   snow.style.top = 0;
   snow.style.left = 0;
   snow.style.zIndex = 9999;
   snow.style.pointerEvents = 'none';
   document.body.appendChild(snow);
   
var snowflakes = [];
   for (var i = 0; i < 50; i++) {
       var snowflake = document.createElement('div');
       snowflake.style.position = 'absolute';
       snowflake.style.backgroundColor = '#fff';
       snowflake.style.width = '5px';
       snowflake.style.height = '5px';
       snowflake.style.borderRadius = '50%';
       snowflake.style.opacity = Math.random();
       snowflake.style.top = Math.random() * window.innerHeight + 'px';
       snowflake.style.left = Math.random() * window.innerWidth + 'px';
       snow.appendChild(snowflake);
       snowflakes.push({
           el: snowflake,
           speed: Math.random() * 3 + 1,
           y: parseFloat(snowflake.style.top)
       });
   }

   function fall() {
       snowflakes.forEach(function(flake) {
           flake.y += flake.speed;
           if (flake.y > window.innerHeight) {
               flake.y = -10;
               flake.el.style.left = Math.random() * window.innerWidth + 'px';
           }
           flake.el.style.top = flake.y + 'px';
       });
       requestAnimationFrame(fall);
   }
   fall();
};
</script>
ultima revisione 17.10.26
Torna ai contenuti