animating background colors with css

background-animations.css

/* ripped off from ea1.co */
/* (just add vendor prefixes) */
body {
      animation: background-animation-cool 5s linear infinite alternate;
}

section:nth-child(2n+1) {
    animation: background-animation-warm 5s linear infinite alternate;
}

@keyframes background-animation-warm {
    0% {
        background: #fff5f5
    }
    100% {
        background: #f5f5ff
    }
}

@keyframes background-animation-cool {
    0% {
        background: #f8fff5
    }

    100% {
        background: #f5f5ff
    }
}

from http://ea1.co