Miniatura em um efeito hover dentro de <p></p>

[Marciano Franco 0]

Eai galera

 

Queria pedir a ajuda de quem conseguir me ajudar, quero fazer um efeito de hover em um texto qualquer, pode ser em um <p> h2 h3, enfim, que abra uma miniatura de uma imagem ao lado deste texto, agradeço se alguém poder me dar uma ajuda.

[Heitor Sousa 9]

Use <p class="teste"> ou <h2 class="teste">

 

depois no css:

.teste{

 

 

}

.teste:hover{

 

}

[diogoand1 7]

marcianofr,

 

Faça o seguinte:

 

CSS

div.texto {
  position: relative;
  width: 100px;
  height: 100px;
}

div.texto div.img {
  position: absolute;
  width: 100px;
  height: 100px;
  display: none;
  right: -100px;
  top: 0;
}

div.texto:hover div.img {
  display: block;
}

HTML

 

<div class="texto">

  TODO O TEXTO QUE VOCÊ QUER

  <div class="img">
    <img width="100" src="img/logo.png" />
  </div>  
        
</div>

OBS.: Os tamanhos width e height você pode modificar para seu projeto.