/* Personalizando o seu nome / h1:hover { color: #22D4FD; / Altere para uma cor chamativa (exemplo: ciano brilhante) / font-size: 3rem; / Aumenta o tamanho da fonte ao passar o mouse / transition: all 0.3s ease; / Adiciona uma animação suave / text-shadow: 2px 2px 10px rgba(34, 212, 253, 0.7); / Brilho mágico */ }
/* Para o link das redes sociais / a:hover { background-color: #F6F6F6; / Fundo claro para destaque / color: #FF6347; / Muda para um vermelho vibrante / border-radius: 20px; / Bordas arredondadas / transform: scale(1.1); / Aumenta o botão / transition: all 0.2s ease; / Animação de transformação / box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); / Efeito de elevação */ }
/* Personalizando um parágrafo sobre você / p:hover { background-image: linear-gradient(45deg, #22D4FD, #FF6347); / Fundo gradiente colorido / -webkit-background-clip: text; -webkit-text-fill-color: transparent; / Efeito de texto com gradiente / transform: rotate(2deg); / Pequeno tilt no texto / transition: all 0.3s ease-in-out; / Animação fluída */ } Explicação: h1:hover: Perfeito para chamar atenção para o título do portfólio. Ele cresce, muda de cor e ganha um brilho. a:hover: Links das redes sociais viram botões dinâmicos com animações e mudanças visuais chamativas. p:hover: Texto com gradiente que muda de posição (leve rotação) para causar impacto visual.
