mdwabblog@إضافة تأثير سقوط ثلج إلى مدونات و المواقع
طريقة إضافة سقوط الثلج إلى مدونتك
- أدخل إلى مدونتك
- تم قالب إبحث عن
<body>بإستخدامctrl + f - تم ضع كود التالى فوقه
<style>
.snow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}.contentz{height:100%;position:relative;overflow:hidden;z-index:1}
</style>
<div class='contentz'>
<canvas class='snow' id='snow'></canvas>
</div>
<script type='text/javascript'>
//<![CDATA[
!function(){function t(t){var n=t.getContext("2d"),e=0,i=0,o=[],d=function(){this.x=this.y=this.dx=this.dy=0,this.reset()};function a(){e=window.innerWidth,i=window.innerHeight,t.width=e,t.height=i,function(t){if(t!=o.length){o=[];for(var n=0;n<t;n++)o.push(new d)}}(e*i/1e4)}d.prototype.reset=function(){this.y=Math.random()*i,this.x=Math.random()*e,this.dx=1*Math.random()-.5,this.dy=.5*Math.random()+.5},a(),function t(){n.clearRect(0,0,e,i),n.fillStyle="rgba(255,255,255,.3)",o.forEach(function(t){t.y+=t.dy,t.x+=t.dx,t.y>i&&(t.y=0),t.x>e&&(t.reset(),t.y=0),n.beginPath(),n.arc(t.x,t.y,5,0,2*Math.PI,!1),n.fill()}),window.requestAnimationFrame(t)}(),window.addEventListener("resize",a)}var n;n=function(){t(document.getElementById("snow"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
//]]>
</script>
وما بقي لى سوى أن أقول لك مبروك عليك إضافة و شكرا على المتابعة المصدر : مدونة عرب ويب (أصلية)
محمد نجيري (mnajiri@) مشرف على مدونة ماتريال ويب
تحت الرابط التالي :https://mdwab.blogspot.com/
مند 2018 و أدعوك لمتابعتي عبر حسابي على أنستغرام
رسائل أحدث
أفضل مكتبة أكواد css و js جاهزة (bootstrap)
أزال المؤلف هذا التعليق.
ردحذف
ردحذفطيب ازاي تغير لون الثلج عشان مش ظاهر قوي في الموقع
ردحذفسنحاول إضافة دلك في تحديتاتنا قادمة 😂
حذف