Ótimo desafio! O seletor :hover permite que você adicione interatividade ao seu portfólio, tornando-o mais dinâmico e atraente. Aqui estão alguns exemplos de personalizações que você pode experimentar:
Alterar a cor do texto em um link:
css Copiar código a:hover { color: #ff6347; /* Muda a cor do texto para um tom de laranja quando o mouse passa por cima */ } Aumentar o tamanho do texto do seu nome:
css Copiar código h1:hover { font-size: 3em; /* Aumenta o tamanho da fonte ao passar o mouse sobre o nome */ } Adicionar uma sombra ao texto sobre você:
css Copiar código p:hover { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Adiciona uma sombra ao texto quando o mouse passa por cima */ } Alterar a cor de fundo de um botão:
css Copiar código button:hover { background-color: #4caf50; /* Muda a cor de fundo do botão para verde quando o mouse passa por cima / color: white; / Muda a cor do texto para branco */ } Adicionar uma borda a um elemento:
css Copiar código .meu-elemento:hover { border: 2px solid #000; /* Adiciona uma borda preta ao elemento quando o mouse passa por cima */ }
