Adicionar efeito passar mouse a DIV

Ola sou novato no HTML/CSS e queria saber como eu adiciono o efeito do EXEMPLO 2 deste site http://wime.com.br/2015/03/09/3-efeitos-em-css-ao-passar-o-mouse/ em minha div, estou usando a assim:

<div id="destq">
</div>

#destq {
	float:left;
	height: 270px;
	width: 400px ;
	background-image:url(../images/cs-dest.jpg);
	background-repeat:no-repeat;
	clear:both;
	margin-top:60px;
	margin-left:35px;
}
#destq {
	position:relative;
 padding:0px;
}

#destq:hover {

	top:-2px;
	box-shadow:0 2px 2px #982c40;
}

Por enquanto eu estou usando assim, queria por o efeito que nem o EXEMPLO 2 do site, se puder ajudar agradeco.

Desculpe qualquer coisa pois sou novato :/