Achtet auf den Hintergrund
@-webkit-keyframes background_animation {
0% { background-position: 0 0px; }
50% { background-position: 0 -1000px; }
100% { background-position: 0 0px; }
@-moz-keyframes background_animation {
0% { background-position: 0 0px; }
50% { background-position: 0 -1000px; }
100% { background-position: 0 0px; }
@keyframes background_animation {
0% { background-position: 0 0px; }
50% { background-position: 0 -1000px; }
100% { background-position: 0 0px; }
html {
background-attachment: fixed !important;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 20%, #adf 60%, #adf 70%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(60%,#adf), color-stop(70%,#adf), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 20%, #adf 60%, #adf 70%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 20%, #adf 60%, #adf 70%, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 20%, #adf 60%, #adf 70%, #ffffff 100%);
background: linear-gradient(top, #ffffff 20%, #adf 60%, #adf 70%, #ffffff 100%);
-webkit-animation-name: background_animation;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: background_animation;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
animation-name: background_animation;
animation-duration: 5s;
animation-iteration-count: infinite;
}