Como criar um efeito "Parallax" em seu site com HTML e CSS - Bons Tutoriais
Ter um site atrativo faz muita diferença independente do que você esteja querendo fazer com seu site, e uma das coisas que chamam muita atenção em um site são as imagens com efeito parallax.
Efeito parallax é quando uma imagem que está no fundo do site passa com uma velocidade diferente do resto do conteúdo.
<div class="conteudoTuto">
Após isso pode colocar o restante do conteúdo de sua página tranquilamente, a única div que precisávamos criar é esta.
/* Coloque a imagem a ser usada como background */
background-image: url("img/img.jpg");
/* Defina uma altura para a visão que o usuário terá da imagem */
/* defina o background como fixo e posicione a imagem */
Pronto, o parallax está pronto, você pode criar vários em sua página, basta atribuir uma nova imagem a uma nova classe e acrescenta-la a uma div.