Flying Pokemon Dragonite

Time

Blogger TemplatesMy Blogger TricksAll Blogger Tricks

Monday, 14 April 2014

How to add snow fall effect around cursor in your blog

  1. Go to templates.
  2. Click on edit HTML
  3. Find(CTRL+F) </:body>
Paste this code below it
 /* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#falling-snow {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6BJ_XbDpbCqPwRaNW5t9dGfQXIsLzPGKS9vwNU171E2T3JlJdukeeaE4-wR-wVQu2Lo6VWr15fTC_f5bNNOia0xPEVlHCH_b0Fl5SXDrk_NDkRYAeviptIJ1bKbF6SzCsEXEOzck8HZS/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAbeKBODD87eBPgqWlL4Lc-6QD3uv9chzLe_L2BrJ-8Qg1Kp2DRz1fz5nCOmo3GjzlZsD-z1vMnH3ffftkARtz_Pvvax8MFWNKCR361yJG91ap9Qn4nstQ15K3quHtpsyP3dO5YVeRJ2Hs/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg032WvpeFiuEqMbbcCWnNrtgkzMzzKm-WN3EioPhniUdksbDyFBQ19cXb-zhFIyovG8LuAGe0tn5AzLa6XM0WEGHa5T_3XzTLcKzpMrlKvHovUAJ4pMJjviXqN3lg7vGeerN0KIsWmnHpp/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
Enjoy ;)
Like it then please be humble enough to hit a like :)


No comments:

Post a Comment