Blogger Kar Yağdırma Eklentisi ( CSS )

Blogger Snow Plugins ( Kar Yağdırma Eklentisi )

Blogger Kar Yağdırma Eklentisi ( CSS + HTML )

Kurulum : Aşağıdaki kodu temanızın düzenle kısmından kar yağmasını istediğiniz yere ekleyin.

Blog Gövdesine eklemek için = </body>

kodunun üstüne ekleyin.

Header Gövdesine eklemek için =</header>

kodunun üstüne ekleyin

Kod:


<!-- Kar Yağdırma Modülü Eklenme Tarihi 23 12 2018 00 11 Zanav1.0 Portal Teması -->

<div class='snow'>

<style>

.editor-stage .snow {

  height:50px;

  background: #fff;

}

.snow{

  position:fixed;

  pointer-events:none;

  top:0;

  left:0;

  right:0;

  bottom:0;

  height:60px;

  background: none;

  background-image: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWGpbOAk8vthZzpW4_tr99Kompelcib14HAmGsEnqpsyCKdgbkU8RcJoKFFBiPnHs_q8CMZFtgw9NkcjhasS9UY-vZquH_IpmSC9b_QbZ6CaplUjJDELRNbKvfkV_0KGJV9_9GXO4Ooe/s320/zanalab-kar.png&#39;), url

(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixoruWdYN6ZtpMgW-K-3G6vpBwCzVCRMX5lw_lqZRCF74f-07DIo6DwzdAgFO2lB9qGnSDKIQcG3UcBZD0VMv0HRPSyyelpiDwNUq5syEr3gFrDdq9S4aYv97CBLZThqqILjfSW4ZhsmCh/s320/zanalab-kar-2.png&#39;), url

(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFplUipaXfSmrpnxK48o6TpxzBtOZFb0FkSQF1TXK009bjUPjUftU74xp6mHfiCQjzH4CIiarxJ4BX84W1nVrVFlaS0_WmrLHE8SY1Mlwkm3XaXjmoQ7BgMp121IwNKIkdJdmz1qXw5LBy/s1600/zanalab-kar-1.png&#39;);

  z-index:100;

  -webkit-animation: snow 10s linear infinite;

  -moz-animation: snow 10s linear infinite;

  -ms-animation: snow 10s linear infinite;

  animation: snow 10s linear infinite;

}

@keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-moz-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}

}

@-webkit-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-ms-keyframes snow {

  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

</style>

<p/></div>

<!-- Kar Yağdırma Modülü Eklenme Tarihi 23 12 2018 00 11 ZanaV1.0 Portal Teması -->