2
respostas

[Projeto] Mudanças no meu projeto

Olá!

Seguem as mudanças que fiz no meu projeto do Alura Plus.

Os botões ficam maiores e mudam de cor, levando um tempo para essa trasição:

.container__botao:hover {
    background-color: var(--botao-azul-efeito);
    color: var(--cor-fundo);
    transition: 1s;
    transform: scale(1.05);
}

E os links do rodapé também mudam de cor e tamanho, com um tempo para essa transição:

.lista__link a:hover {
    color: var(--cor-secundaria-fonte);
    font-size: 105%;
    transition: 0.5s;
}

.lista__link a:active {
    color: var(--botao-azul)

Valeu!

2 respostas

Olá Bruno!

Que legal que você está fazendo mudanças no seu projeto! Achei muito interessante a forma como você está utilizando a propriedade transition para fazer as transições de cor e tamanho dos botões e links do rodapé.

Só fiquei com uma dúvida em relação ao código que você postou: na segunda parte do código, você definiu a cor do link quando ele é clicado (:active), mas não definiu o tamanho da fonte. Talvez seja interessante adicionar essa propriedade também.

De qualquer forma, parabéns pelas mudanças e continue praticando!

Espero ter ajudado e bons estudos!

Valeu Renan, vou testar essa variação! ;)