Jagodesain - Halo gaes kembali lagi dengan saya di artikel baru kali ini Cara Menambahkan Efek Animasi Salju Blogger efek animasi salju ini sangat ringan sehingga tidak akan membuat situs kamu menjadi lelet.
Cara Menambahkan Efek Animasi Salju Blogger ini sangat ringan dan kalian wajib mencoba nya karena efek yang ini sangat smooth animasi banget makanya blog ini juga saya kasih animasi salju ini.
Cara Menambahkan Efek Animasi Salju Blogger
- Buka Dasboard Blogger.
- Pergi ke Tata Letak
- Kemudian tambahkan Gadget/Html.
- Lalu tambahkan kode dibawah ini.
Kalian Bebas ingin menambahkan kode gadget/html ini dibagian manapun.
<canvas class='snow' id='snow'></div>
<style>
.snow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:920}.contentz{height:100%;position:relative;overflow:hidden;z-index:1}
</style>
<script>!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>
Jadi itulah artikel kali ini Cara Menambahkan Efek Animasi Salju Blogger yang dapat kamu coba di situs kamu