Portal GSTI
Portal GSTI

PublicarCadastre-seLogin
Menu
Publicação

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

foto de
Ricardo Sanches CONTEÚDO EM DESTAQUE

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


Comentários