recent
أخبار ساخنة

اضافة تاثير سقوط ثلج الي مدونات و المواقع

اضافة تاثير سقوط ثلج الي مدونات و المواقع

موضوعنا انهاردة عن اضافة لذيذة وهيا اضافة تأثير سقوط الثلج و هيا اضافة الي المواقع والمنتديات و المدونات وذلك لاعطاء منظر الي الموقع .

قررت ان انقل لكم طريقة اضافة سقوط الثلج في مدونتك او موقعك يمكنك المعاينة 

اضغط هنا للمعاينة

اضافة تاثير سقوط ثلج الي مدونات و المواقع


طريقة أضافة سقوط الثلج الي موقعك

  • ادخل الي مدونتك
  • ثم الذهب الي القالب و البحث عن <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>

google-playkhamsatmostaqltradent