myRootFolio

Sneeuw Effect

Bekijk het sneeuweffect op de achtergrond, gemaakt met JavaScript en CSS.

Ervaar de sneeuw

Dit is een visueel effect van vallende sneeuw, gecreƫerd met JavaScript en CSS. Het is perfect voor een winterthema!

De Code voor Sneeuw Effect


  // Sneeuw-effect generator
  function createSnowflakes() {
      const snowflakesContainer = document.getElementById('snowflakes');
      const numberOfSnowflakes = 100;

      for (let i = 0; i < numberOfSnowflakes; i++) {
          let snowflake = document.createElement('div');
          snowflake.classList.add('snowflake');
          
          // Willekeurige horizontale positie (tussen 0% en 100%)
          snowflake.style.left = \`\${Math.random() * 100}%\`;
          
          // Willekeurige snelheid en vertraging
          snowflake.style.animationDuration = \`\${Math.random() * 3 + 2}s\`; // Sneeuwvlok snelheid
          snowflake.style.animationDelay = \`\${Math.random() * 5}s\`; // Vertraging voor start
          
          snowflakesContainer.appendChild(snowflake);
      }
  }

  createSnowflakes();