Card Interativo com Efeito Hover

Este é um projeto simples de um card interativo que utiliza HTML e CSS puro. O objetivo é demonstrar efeitos de transição e posicionamento absoluto.

Funcionalidades

• Efeito Hover: Ao passar o mouse, o card aumenta de tamanho.

• Animação de Imagem: A imagem sobe e diminui de escala suavemente.

• Onteúdo Dinâmico: O texto aparece conforme a expansão do card.

Tecnologias

• HTML5: Estruturação semântica.

• CSS3:

  • Flexbox: Centralização do card na tela.

  • Positioning (Absolute): Controle preciso das camadas de imagem e texto.

  • Transitions: Animações fluidas de 0.5s.

  • Transforms: Uso de translateX e scale para manter a centralização durante a animação.

  • Gradients: Fundos modernos e dinâmicos.

• Google Fonts: Fonte "Poppins" para uma tipografia limpa.