Wie kann ich die HTML-Hintergrundfarbe automatisch alle 2 Sekunden ändern? HTML5 mit CSS3 ein- oder ausblenden?

Ich habe versucht, den Übergang mit Timer und CSS-Ziel zu verwenden, ohne Erfolg.

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

label {
     display: block;
     background: #08C;
     padding: 5px;
     border: 1px solid rgba(0,0,0,.1);
     border-radius: 2px;
     color: white;
     font-weight: bold;
}

input[type=checkbox]:checked ~ .to-be-changed {
    color: red;
}