Mais um projeto concluido com sucesso!!
Um site single page dos Vingadores, o clássico filmes da Marver Enteinment, que foi sucesso em todo o mundo!
Nesse projeto, pude colocar em pratica o conhecimento de sobreposição de imagens, colocando uma acima da outra, e com uma opacidade numa delas, tanto um efeito de escurecimento, e nessa mesma parte usando o efeito parallax do scroll. Assim como também o efeito de aparece um card sobree uma imagem ao passar o mouse sobre ela. Esse card traz algumas informações relevantes sobre a imagem, e a mesma sofre um pequeno zoom para dar uma realidade interativa.
E o mais interessante foi usar o #JavaScript para criar um efeito de "espinagem" no scroll, no qual ficar observando qual seção estar o scroll da página para mudar a cor do menu ativo no momento.
- Para criar esse projeto, foi utilizado
- HTML5
- CSS3
- JavaScript
Segui um pequeno vídeo para facilitar a visualização do projeto
Ou pode visitar a própria página no endereço Visite-me