Animated Repeating Gradient

style.css

/**
 * CSS Animated Repeating Gradient
 */
body {
    background: repeating-linear-gradient(-45deg,black,black 20px,white 20px,white 40px);
    background-size: 56px 56px; /* This is unique for this background, need to find a pattern and develop a formula */
    -webkit-animation: slide 20s infinite linear forwards;
    -moz-animation: slide 20s infinite linear forwards;
    animation: slide 20s infinite linear forwards;
}
@-webkit-keyframes slide {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}
@-moz-keyframes slide {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}
@keyframes slide {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}