html, body {height: 100%;}

@-webkit-keyframes bg-scrolling-reverse {
  100% {    background-position: 70px 70px;  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {    background-position: 70px 70px;  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {    background-position: 70px 70px;  }
}
@keyframes bg-scrolling-reverse {
  100% {    background-position: 70px 70px;  }
}
@-webkit-keyframes bg-scrolling {
  0% {    background-position: 70px 70px;  }
}
@-moz-keyframes bg-scrolling {
  0% {    background-position: 70px 70px;  }
}
@-o-keyframes bg-scrolling {
  0% {    background-position: 70px 70px;  }
}
@keyframes bg-scrolling {  0% {    background-position: 70px 70px;  }
} 

html body {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAvklEQVR4nO3csQ3DMAwAQSWI1tH+u6lwKgMOgq/t4q5jRzxY87XWOgZ/3ncv8FTChM91mHPetcdj7L3HGC4mCROECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTBAmCBOECcIEYYIwQZggTPh5rHM+lcHFpC+xrwgKaJYlkQAAAABJRU5ErkJggg==") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 4s infinite;
  -moz-animation: bg-scrolling-reverse 4s infinite ;
  -o-animation: bg-scrolling-reverse 4s infinite;
  animation: bg-scrolling-reverse 4s infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;

}