body {
background-color: #C7E2C0;
background-image: url('/img/L1.png'), url('/img/L2.png'), url('/img/L3.png');
left: 0;
position: relative;
top: 0;
z-index:1;
-webkit-animation: leaf 10s linear infinite;
-moz-animation: leaf 10s linear infinite;
-ms-animation: leaf 10s linear infinite;
animation: leaf 10s linear infinite;
}
@keyframes leaf {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, -300px 600px;}
}
@-moz-keyframes leaf {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, -300px 600px;}
}
@-webkit-keyframes leaf {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, -300px 600px;}
}
#test {
-webkit-filter: blur(5px);
font-family: 'Segoe UI';
font-size: 30px;
color: white;
background-color: rgba(130,255,99,0.8);
z-index:2;
}
#test_two {
-webkit-filter: blur(1px);
font-family: 'Arial Black';
font-size: 30px;
color: white;
background-color: rgba(130,255,99,0.8);
margin-top:-10px;
z-index:1;
}
