Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

livia cristina

[Resolvido] Hover css mesma imagem

Por , em Desenvolvimento frontend

Recommended Posts

FernandoPhP    9

FernandoPhP
Postado

Dá uma olhada nesse post, tem exatamente o que você procura.

Link não autorizado removido

 

Tem um post exatamente com o que você precisa dá uma olhada.

 

Link não autorizado removido

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pablo Gates    10

Pablo Gates
Postado

Amigo se faz dessa forma:

 

HTML:

 

<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Exemplo hover css</title>
</head>

<body>
          <div class="sua_imagem">
                 <!-- aqui é onde sua imagem irá aparecer -->
           </div>
</body>
</html>

 

CSS

 

         .sua_imagem img{
                 background:url('caminho/exemplo.jpg')no-repeat;
                 width:100px;
                 height:100px;
         }

         .sua_imagem img:hover{
                background:url('caminho/exemplo2.jpg')no-repeat;
          }

 

 

Creio que isso resolve seu problema pelo que entendi

Compartilhar este post

Link para o post
Compartilhar em outros sites

livia cristina    0

livia cristina
Postado

O problema do seu post é que acabou ficando fora do contexto da minha pergunta, o título do tópico diz Hover css mesma imagem e a sua proposta de código tem duas imagens, sei que a intenção boa, mas já tá resolvido com o link que o FernandoPhP passou. De qualquer forma Pablo, agradeço pela tentativa.

 

Então pode marcar como resolvido.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito