Este é um projeto de revelação de gênero para um chá de bebê, desenvolvido utilizando HTML5, CSS3 e JavaScript. O projeto consiste em uma página web interativa que permite ao usuário clicar em um botão para revelar o gênero do bebê de uma forma criativa. Abaixo estão os detalhes sobre as páginas e os recursos utilizados no projeto.
A página inicial é a primeira página que os usuários veem. Ela apresenta um botão que, quando clicado, inicia a revelação do gênero do bebê. A animação é ativada quando o botão é movido pelo mouse 12 vezes. Após isso, o botão desaparece, uma frase é exibida e um novo botão é apresentado, que leva os usuários para a próxima página.
Esta página é acessada após a revelação ser completada na página inicial. Ela exibe um título "Estão todos prontos?" e um botão "Vai ser agora!" que leva os usuários de volta à página inicial para ver a revelação novamente.
Esta página é onde a revelação do gênero do bebê acontece. Ela inclui uma animação de contagem regressiva, uma animação de texto ("Menino ou Menina?"), e a revelação final do gênero com uma imagem de um menino ou uma menina.
- HTML5: Utilizado para estruturar o conteúdo das páginas.
- CSS3: Utilizado para estilizar as páginas, incluindo a formatação do botão, imagens de fundo e animações.
- JavaScript: Utilizado para criar a lógica interativa do projeto, incluindo o movimento do botão, a animação da revelação e a transição entre as páginas.
Este é um projeto simples criado para uma ocasião específica, mas sinta-se à vontade para contribuir com melhorias ou personalizações, caso deseje.
Aproveite o projeto e divirta-se com a revelação do gênero do bebê! 🎉👶💙💖