• HTML
• CSS

HTML

<div class="contenedor">
	<img src="hotel_2.png">
	<label>
	    Perfecta para familias, ofrece vistas al patio o a la calle y cuenta con ventanas de doble 
	    acristalamiento para que disfrute de un ambiente tranquilo y relajante.
	</label>
</div>

CSS

.contenedor{
	width:250px;
	height:300px;
	margin:auto;
	overflow:hidden;
	position:relative;
	font-family:arial;
}
img{
	width:100%;
	height:100%;
	cursor:pointer;
	transition: 1.5s ease;
}
label{
	position:absolute;
	bottom:0px;
	left:0px;
	margin-bottom:-70px;
	padding:10px;
	transition:0.3s all;
	background:rgba(0,0,0,0.6);
	color:#fff;
	text-align:center;
	opacity:0;
}

.contenedor:hover label{
	margin-bottom:0px;
	opacity:1;
}

.contenedor:hover img{
	transform : scale(1.4);
}