Snow Effect On The Blogger/ Blogspot
Merry Christmas 2016-2017
DEMO: http://bit.ly/2ghQuaZ
Step 1: Find </b:skin
Step 2: Copy code stick a before </b:skin
#greenlaundry {
background: none;
font-family: Androgyne;
background-image:
url('http://i.imgur.com/plQH7Z1.png'), url('http://i.imgur.com/LZ4eWa6.png'),
url('http://i.imgur.com/MJAAAlK.png');
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index:0;
-webkit-animation: greenlaundry 16s linear infinite;
-moz-animation: greenlaundry 12s linear infinite;
-ms-animation: greenlaundry 12s linear infinite;
animation: greenlaundry 12s linear infinite;
}
@keyframes greenlaundry {
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 greenlaundry {
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 greenlaundry {
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 greenlaundry {
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;}
}
Step 3: Find </head>
Step 4: Stick code a after </head>
<div id='greenlaundry'></div>Step 5: Save Template.
