Como criar site com efeito Parallax só com HTML e CSS

Aprenda no vídeo como criar um site com efeito Parallax só com HTML e CSS. O conceito é bem básico e basta alterar a posição da imagem de fundo do site.

No tutorial você vai ver como criar uma estrutura simples em HTML e depois adicionar o código CSS que fará com que a imagem de fundo fique estática, mesmo quando você navega pelo site.

Código CSS

.parallax {
    background-image: url(../img/01.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}