Efeito Pulsating

Esse efeito é bem simples, porém é bonito. O nome é pulsating porque ele aumenta e diminui, como se estivesse pulsando. Vejam como ele é:
Coloque esse código no seu css (entre <style> e </style>)
.sweetpoison1 {border: 2px solid #000; 
width: 60px; height:90px; 
opacity: .5; margin: 2px; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;}
.sweetpoison1:hover {opacity: 1; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;
transform: rotate(0deg) scale(1.178) skew(1deg) translate(-3px);
-webkit-transform: rotate(0deg) scale(1.178) skew(1deg) translate(-3px);
-moz-transform: rotate(0deg) scale(1.178) skew(1deg) translate(-3px);
-o-transform: rotate(0deg) scale(1.178) skew(1deg) translate(-3px);
-ms-transform: rotate(0deg) scale(1.178) skew(1deg) translate(-3px);
}
E o código abaixo onde você quer que apareça:

<a href="LINK DO SITE" target="_blank"><img src="http://i.imgur.com/i1XA0xP.png" class="sweetpoison1" /></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!
Facebook Twitter Pinterest Google+ Email Addthis