Adicionar efeito passar mouse a DIV

[Madk 0]

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 :/

[L. Henrique 179]

Madk,

Até gostaria de ajudar, mas vou fazer isso de outra forma. Vá até o exemplo do site que citou e leia todo o conteúdo. Ele deixa disponível um código para você com toda uma explicação, qual seria a dificuldade na implantação disso?

"Ah, mas eu não quero copiar" - Então leia o código, aplique-o em algum lugar, mexa no CSS, entenda como funciona e por ai vai.

Se você quiser desenvolver pra web ou pra qualquer outra plataforma, você vai precisar criar o costume de ler, interpretar, testar e implantar.

Abraços!

[Madk 0]

Ja tentei, dentro da div e fora da div, em outra css etc.. sempre vai com erro ou nao vai..Por isso estou aqui pedindo ajuda :