Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Amigos,
Por onde começo a pesquisar para estudar como trabalho um layout cujo o background se move ao navegar na página?
Ex: http://sunset.iconeimoveis.com/
Obrigado a todos.
Obrigado androidel,
Possuindo o nome do método,agora fica simples estudar e desenvolver o layout.
Qualquer novidade volto a postar nesse tópico.
At
Olá D2th3,
O nome desse método é chamado de Parallax, cuja imagem de fundo se movimenta lentamente do que o conteúdo. Ainda não sei como se trabalha isso, mas pelo visto você precisará utilizar uma biblioteca chamada JQuery. Eu tenho a lógica de que a estrutura do site é organizada em uma certa quantidade de divs, cada uma delas ocupa 100% de altura e largura. Exemplo:
Para cada div com class="box", irei aplicar 100% de width (largura) e height (altura).
Quanto a animação (utiliza biblioteca JQuery), eu ainda não sei trabalhar com isso, porque eu poderia explicar. :/ Mas já está aí uma ideia de como você pode trabalhar com Parallax. Na minha opinião, a estrutura em HTML para criar um site desses é assim, pelo menos a base. ( '-' )
@EDIT
Ei, D2th3, dê uma olhada nesse site: http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html. Possui vários sites com esse novo método.