Open Your Website's HTML File
Access the HTML file where you want the snow effect to appear.
Locate the Footer Section
Scroll to the bottom of the HTML file and find the closing </body> tag.
Add the Script Tag
Just before the closing </body> tag, paste the following script tag:
html
Copy code
<script>
document.body.insertAdjacentHTML('beforeend','<div id="swd-snow-container"></div>');const style=document.createElement('style');style.innerHTML='#swd-snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.swd-snowflake{position:absolute;top:-10px;width:20px;height:20px;background-image:url(https://resources.swd-hosting.com/snowflake.png);background-size:contain;background-repeat:no-repeat;pointer-events:none;animation:swd-fall linear infinite}.swd-powered-by{position:absolute;width:150px;height:auto;top:-50px;left:50%;transform:translateX(-50%);pointer-events:none;animation:swd-fall linear infinite}@keyframes swd-fall{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(100vh) rotate(360deg)}}';document.head.appendChild(style);const swdSnowContainer=document.getElementById('swd-snow-container');function createSwdSnowflake(){const e=document.createElement('div');e.classList.add('swd-snowflake');const t=Math.random()*14+10,n=Math.random()*window.innerWidth,o=(Math.random()*4+2)*.75;e.style.width=`${t}px`,e.style.height=`${t}px`,e.style.left=`${n}px`,e.style.animationDuration=`${o}s`,swdSnowContainer.appendChild(e),setTimeout(()=>{e.remove()},1e3*o)}function showPoweredBy(){const e=document.createElement('img');e.src='https://resources.swd-hosting.com/powered-by-swd.png',e.classList.add('swd-powered-by');const t=Math.random()*window.innerWidth;e.style.left=`${t}px`,e.style.animationDuration=`${Math.random()*4+2}s`,document.body.appendChild(e),setTimeout(()=>{e.remove()},6e3)}setInterval(createSwdSnowflake,100),setInterval(showPoweredBy,10000);
</script>
Save the Changes
Save the HTML file and upload it to your server or hosting platform if necessary.
Preview Your Website
Open your website in a browser to see the snow effect in action.