Hora de Aventura - Seletor de Personagens

Este é um projeto interativo desenvolvido para praticar a manipulação do DOM (Document Object Model) e estilização avançada com CSS. O usuário pode navegar entre diferentes personagens do desenho "Hora de Aventura", visualizando suas descrições e artes em destaque.

Clique aqui para testar o projeto ao vivo

Tecnologias Utilizadas

O projeto foi construído utilizando o trio fundamental do desenvolvimento web front-end:

• HTML5: Estruturação semântica do conteúdo.
• CSS3: Estilização, layout Flexbox e efeitos de transição/hover/keyframes.
• JavaScript (JS): Lógica de troca de classes e atualização dinâmica das informações dos personagens.

Funcionalidades

• Seleção Dinâmica: Ao clicar em um personagem da lista, a imagem principal e o texto de descrição são atualizados instantaneamente.
• Feedback Visual: Efeitos de brilho e escala nos cards para indicar qual personagem está selecionado.
• Design Responsivo: Adaptado para diferentes tamanhos de tela.

Demonstração

Video.sem.titulo.Feito.com.o.Clipchamp.mp4