Animation des Hintergrunds mit keyframe

Achtet auf den Hintergrund

@-webkit-keyframes background_animation {
0% { background-color: #E5DA89; }
40% { background-color: orange; }
80% { background-color: #bbb; }
100% { background-color: #E5DA89; }

@-moz-keyframes background_animation {
0% { background-color: #E5DA89; }
40% { background-color: orange; }
80% { background-color: #bbb; }
100% { background-color: #E5DA89; }

@keyframes background_animation {
0% { background-color: #E5DA89; }
40% { background-color: orange; }
80% { background-color: #bbb; }
100% { background-color: #E5DA89; }

html {
background-attachment: fixed !important;
background-color: #E5DA89;
background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),
-webkit-repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
background-image: -moz-repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),
-moz-repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
background-image: -o-repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),
-o-repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
background-image: -ms-repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),
-ms-repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),
repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
background-position: left top, right bottom;
-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;
}