Como desbotar imagens de fundo de loop?

Question

Sep 12, 2014, 02:44 AM

Como desbotar imagens de fundo de loop?

Novato aqui .. Estou tentando fazer com que meu plano de fundo estático se torne um carrossel .. meu html atual se parece com isso:

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

e meu 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;
}

Então, eu gostaria que o plano de fundo agora alternasse imagens e permanecesse responsivo. Isso pode ser feito facilmente usando CSS3? ou devo envolver o conteúdo do meu html em um carrossel com bootstrap? Não consegui encontrar um bom exemplo de como fazer isso. Desde já, obrigado.