Tutorial: Criar botão com efeito hover Ler mais.

<div class="container">
    El contenido de este sitio es primordial.
          <div class="object" align="center"><a href="#" class="text">Leer Más</a></div>
</div>

.container { //este le da diseño al div que seria la imagen.
background: url(http://i.imgur.com/f72R2hx.png) no-repeat;
background-position: center;  width: 220px;  height: 200px;  margin: 0 auto;}

.object { //posiciona en el lugar donde deseaba que se mostrase y al mismo tiempo hace que sin pasar el cursor este no se muestre.
display: none;    margin-top: 30%;}

.container:hover .object { // hace que al pasar el cursor se muestre.    
display: block;}

.text{ //es para darle un poco de diseño a Leer más.    
white-space: nowrap;    
background: #fff;}