¿Cómo desvanecer imágenes de fondo de bucle?

Novato aquí ... Estoy tratando de hacer que mi fondo estático se convierta en un carrusel ... mi html actual se parece a esto:

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

y mi 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;
}

Por lo tanto, me gustaría hacer que el fondo ahora cambie las imágenes y responda. ¿Se puede hacer esto fácilmente usando CSS3? ¿o debería envolver el contenido de mi html en un carrusel con bootstrap? No pude encontrar un buen ejemplo de cómo hacer esto. Gracias por adelantado.

Respuestas a la pregunta(3)

Su respuesta a la pregunta