Skip to content

Página responsiva para centralizar links de redes sociais e contatos.

Notifications You must be signed in to change notification settings

valdezjulian/linktree

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Linktree | Julian Valdez 🌳🔗

Bem-vindo ao projeto Linktree, uma página web simples e elegante, criada para reunir e compartilhar links de redes sociais e contato de forma prática e acessível. O foco é proporcionar uma experiência de usuário intuitiva, com animações suaves e design responsivo.

Mockup do Projeto Linktree

📋 Funcionalidades

  • Centralização de links: Uma página centralizada com botões que redirecionam para LinkedIn, GitHub, Instagram e WhatsApp.
  • Animações elegantes: Utiliza animações CSS para criar uma experiência interativa e agradável, como o efeito de "fade-in", animação de flutuação e pulsação na imagem de perfil.
  • Design responsivo: O layout se adapta perfeitamente a dispositivos de diferentes tamanhos, de desktops a smartphones.
  • Estilo moderno: Combinações de gradientes, imagens de fundo e o uso de backdrop-filter para um efeito visual moderno e leve.

💻 Tecnologias Utilizadas

  • HTML5: Para estruturação do conteúdo da página.
  • CSS3: Para estilização e animações.
    • Uso avançado de Flexbox para criar layouts responsivos.
    • Aplicação de backdrop-filter para adicionar um efeito de desfoque suave no fundo dos elementos.
    • Animações CSS: fade-in, flutuação, pulsação, e efeitos de hover nos botões.

🎨 Diferenciais de Design

  1. Animações Suaves: As animações CSS fornecem uma sensação de movimento contínuo e interatividade. O card de perfil "flutua" levemente, dando uma impressão de leveza, enquanto o rodapé desliza suavemente ao ser carregado. Esses efeitos criam uma experiência envolvente para o usuário.
  2. Imagem de Perfil Animada: A imagem de perfil tem uma animação de "pulsação", destacando-se de forma contínua para capturar a atenção, além de brilhar levemente ao passar o mouse.
  3. Botões com Efeitos de Hover: Cada botão tem um efeito visual único ao passar o mouse, aumentando a interatividade e fornecendo feedback imediato ao usuário.
  4. Fundo Complexo e Dinâmico: O fundo da página é composto por múltiplas camadas de imagens e gradientes que se misturam usando background-blend-mode, criando uma aparência moderna e sofisticada.

📧 Contatos

About

Página responsiva para centralizar links de redes sociais e contatos.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published