Eklentisiz "Kar Yağdırma Efekti" kısa bir kod ile

Herkese selamlar aşağıda verdiğim kodu footer.php'ye ekleyerek çok kolay bir şekilde sitenize kar yağdırma efekti ekleyebilirsiniz. Wordpress için bazen eklenti vesaire eklenmek isteniyor bunun için ancak buna gerek kalmadan sadece bir kaç satır kod ile sitenizde kar efekti olsun. Herkese iyi çalışmalar.

<script>
  // Kar Yağdırma Efekti
  function createSnowflake() {
    const snowflake = document.createElement("div");
    snowflake.classList.add("snowflake");
    snowflake.textContent = "❄";
    document.body.appendChild(snowflake);

    snowflake.style.left = Math.random() * window.innerWidth + "px";
    snowflake.style.animationDuration = Math.random() * 3 + 2 + "s";
    snowflake.style.opacity = Math.random();
    snowflake.style.fontSize = Math.random() * 10 + 10 + "px";

    setTimeout(() => {
      snowflake.remove();
    }, 5000);
  }

  setInterval(createSnowflake, 100);
</script>

<style>
  .snowflake {
    position: fixed;
    top: 0;
    pointer-events: none;
    color: white;
    z-index: 9999;
    animation: fall linear;
  }

  @keyframes fall {
    to {
      transform: translateY(100vh);
    }
  }
</style>

elinize sağlık hocam

örnek site var mı merak ettim nasıl duruduğunu (:
eline sağlık

WordPress ile sınırlandırılmamalı. Konu yanlış yerde... https://www.r10.net/ucretsiz-paylasimlar/ veya https://www.r10.net/jquery/ forumları daha uygun bana kalırsa

Melih hocam amarisaccessories.com.tr örnek olarak bakabilirsiniz.

Evet aslında wordpress ile sınırlandırma yapmak istemezdim ama bu kategoride özellikle bunun için eklenti önerenler olduğu için bende ufak bir kodla halledelim dedim