0

Tenho a seguinte estrutura:

<div>
   <img src="#">
   <button>Teste</button>
</div>
<div>
   <img src="#">
   <button>Teste</button>
</div>

Preciso que quando ao repousar o mouse sobre um botão na imagem imediatamente antes dele seja aplicado o efeito transform:scale(1.5)

1
  • O que você já tentou fazer? Coloca o código na pergunta
    – user60252
    Commented 12/07/2017 às 23:14

1 Resposta 1

0

Você quer que seja aplicado o efeito na imagem ou no botão? Caso queira o efeito no botão é só substituir img por button. Seria essa sua dúvida?

img:hover {
  transform: scale(1.5);
}
<div>
   <img src="#">
   <button>Teste</button>
</div>
<div>
   <img src="#">
   <button>Teste</button>
</div>

2
  • Não, passa o mouse sobre o botão e aplica o efeito na imagem Commented 12/07/2017 às 21:31
  • Consigo fazer com o elemento imediatamente depois, mas imediatamente antes não consigo dá Commented 12/07/2017 às 21:32

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .