Solucionado
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);
}
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