Hocam Allah razı olsun ya kafayı yemek üzereydim
Estf. hocam ne demek, ek olarak arşivimizde kar yağma kodlarımız vardır aşağıdaki kodu <body> etiketi içerisine eklemeniz yeterlidir.
<canvas id="softinays-snow"></canvas>
<style>
#softinays-snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:999999}
</style>
<script>
(()=>{const softinaysSnowSettings={count:Math.min(120,Math.floor((window.innerWidth*window.innerHeight)/14000)+40),minSize:3,maxSize:10,minSpeed:12,maxSpeed:48,minOpacity:.35,maxOpacity:.95,arms:6};if(window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;const softinaysCanvas=document.getElementById("softinays-snow");if(!softinaysCanvas)return;const softinaysCtx=softinaysCanvas.getContext("2d",{alpha:true});let softinaysW=0,softinaysH=0,softinaysDpr=1;const softinaysRand=(a,b)=>a+Math.random()*(b-a);function softinaysResize(){softinaysDpr=Math.max(1,Math.min(2,window.devicePixelRatio||1));softinaysW=Math.floor(window.innerWidth);softinaysH=Math.floor(window.innerHeight);softinaysCanvas.width=Math.floor(softinaysW*softinaysDpr);softinaysCanvas.height=Math.floor(softinaysH*softinaysDpr);softinaysCtx.setTransform(softinaysDpr,0,0,softinaysDpr,0,0)}softinaysResize();window.addEventListener("resize",softinaysResize,{passive:true});function softinaysDrawFlake(x,y,r,rot,opacity){const ctx=softinaysCtx;ctx.save();ctx.translate(x,y);ctx.rotate(rot);ctx.globalAlpha=opacity;ctx.strokeStyle="#fff";ctx.lineCap="round";ctx.lineWidth=Math.max(1,r*.12);const arms=softinaysSnowSettings.arms;const step=Math.PI*2/arms;ctx.beginPath();for(let i=0;i<arms;i++){const a=i*step;const x2=Math.cos(a)*r;const y2=Math.sin(a)*r;ctx.moveTo(0,0);ctx.lineTo(x2,y2);const bx=Math.cos(a)*(r*.62);const by=Math.sin(a)*(r*.62);const sideLen=r*.28;const sideA1=a+Math.PI/6;const sideA2=a-Math.PI/6;ctx.moveTo(bx,by);ctx.lineTo(bx+Math.cos(sideA1)*sideLen,by+Math.sin(sideA1)*sideLen);ctx.moveTo(bx,by);ctx.lineTo(bx+Math.cos(sideA2)*sideLen,by+Math.sin(sideA2)*sideLen)}ctx.stroke();ctx.restore()}const softinaysFlakes=Array.from({length:softinaysSnowSettings.count},()=>({x:Math.random()*softinaysW,y:softinaysRand(-softinaysH,softinaysH),r:softinaysRand(softinaysSnowSettings.minSize,softinaysSnowSettings.maxSize),s:softinaysRand(softinaysSnowSettings.minSpeed,softinaysSnowSettings.maxSpeed),o:softinaysRand(softinaysSnowSettings.minOpacity,softinaysSnowSettings.maxOpacity),rot:softinaysRand(0,Math.PI*2),rs:softinaysRand(-.28,.28)}));let softinaysLast=performance.now();function softinaysTick(now){const dt=Math.min(.033,(now-softinaysLast)/1e3);softinaysLast=now;softinaysCtx.clearRect(0,0,softinaysW,softinaysH);for(const f of softinaysFlakes){f.y+=f.s*dt;f.rot+=f.rs*dt;if(f.y-f.r>softinaysH){f.y=-f.r-softinaysRand(0,softinaysH*.2)}softinaysDrawFlake(f.x,f.y,f.r,f.rot,f.o)}requestAnimationFrame(softinaysTick)}requestAnimationFrame(softinaysTick)})();
</script>