Efeito Detached

Esse efeito destaca bem as fotos, vejam:
Para fazer o efeito, coloque no seu css (entre ) o código abaixo:
.sweetpoison6 {border: 2px solid #f5ad89; 
width: 60px; height:90px; 
opacity: .5; margin: 2px; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;}
.sweetpoison6:hover {opacity: 1; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;
transform: rotate(0deg) scale(1.197) skew(2deg) translate(57px);
-webkit-transform: rotate(0deg) scale(1.197) skew(2deg) translate(57px);
-moz-transform: rotate(0deg) scale(1.197) skew(2deg) translate(57px);
-o-transform: rotate(0deg) scale(1.197) skew(2deg) translate(57px);
-ms-transform: rotate(0deg) scale(1.197) skew(2deg) translate(57px);
}
e o código abaixo onde você quer que apareça:

<a href="LINK DO SITE" target="_blank"><img src="http://i.imgur.com/OzZoVPn.png" class="sweetpoison6"/></a>
Por: Pâmela Sampaio em 04/05/14
Não copiem o tutorial e nem os códigos.
Se for útil, deem os devidos créditos ao nosso site!
Facebook Twitter Pinterest Google+ Email Addthis