Wie werden Loop-Hintergrundbilder ausgeblendet?

Anfänger hier .. Ich versuche, meinen statischen Hintergrund zu einem Karussell zu machen .. mein aktueller HTML-Code sieht ungefähr so aus:

<body>
    <div class="pageContent">
    </div>
</body>

und mein CSS:

body {
    background: url('http://placehold.it/1600x1200') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

So möchte ich den Hintergrund jetzt so gestalten, dass Bilder durchlaufen und reaktionsschnell bleiben. Kann das mit CSS3 einfach gemacht werden? oder soll ich den inhalt meines html vielleicht mit bootstrap in ein karussell wickeln? Ich konnte kein gutes Beispiel dafür finden. Danke im Voraus

Antworten auf die Frage(3)

Ihre Antwort auf die Frage