Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

scale e rotate juntos não estão funcionando

boa noite, gostaria de saber porque quando eu uso o scale e rotate juntos aparentemente só o rotate funciona. Estou fazendo algo errado ???


.citacao-bio:hover{
     box-shadow: 0 0 0 99999px rgba(0,0,0,.8);
}
.fiat:hover{

    transform:scale(1.20);
    transform: rotate(5deg);
}

.petrobras:hover{

    transform:scale(1.20);
    transform: rotate(-5deg);
}
2 respostas
solução

Oi Thiago, tudo bem?

Pensando nesse codigo aqui:

h1 {
  color: red;
  color: blue;
}

O H1 ficará azul certo? Pois como declarei a mesma propriedade duas vezes (mas com valores diferentes), o browser manterá o último ali.

O mesmo acontece com o seu transform! Para juntar tanto o scale quanto o rotate precisa declarar um único transform.

Ficará algo assim:

.fiat:hover{

    transform: scale(1.20) rotate(5deg);
}

Espero ter ajudado e bons estudos,

Abcs!

Há entendi obrigado