下雪js特效

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下雪特效</title>
<style>
  body {
    background: #000;
    overflow: hidden;
  }
  .snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
  }
</style>
</head>
<body>
<script>
  function createSnowflake() {
    const snowflake = document.createElement('div');
    snowflake.className = 'snowflake';
    snowflake.style.left = `${Math.random() * 100}vw`;
    snowflake.style.animationDuration = `${Math.random() * 5 + 5}s`;
    document.body.appendChild(snowflake);
    snowflake.addEventListener('animationend', () => {
      snowflake.remove();
    });
  }

  setInterval(createSnowflake, 100);
</script>
</body>
</html>