Efeito Turns Zoom

Oi oi amorecos como estão? Já que to sem meu notebook resolvi fazer efeitos e né que deu certo?! Eu amei ele, da pra usar em "parceiros", como "menu" ou em "moderadores". Se quiser vê só clicar ali em "Leia Mais"



Preview

É super simples pra aplicar ele :3
Para utilizar no tumblr. Copie esse código e coloque antes de </style>

/*Efeito Turns Zoom por Brenda*/

.efeitoturnszoom {overflow: hidden; border-radius: 90px; -webkit-transition-duration: 1.0s; -moz-opacity:0.58; opacity:0.58; width: 60px;}

.efeitoturnszoom:hover {overflow: hidden; -webkit-transition-duration: 1.0s; zoom: 160%; -moz-opacity:0.90; opacity:0.90; -webkit-transform: rotate(360deg);}

/*** fim ***/

E agora onde quiser que aparece coloque esse código

<a href="LINK><img src="LINK DA IMAGEM" class="efeitoturnszoom" /></a>

E para utilizar no Blogger cole esse código antes de ]]></b:skin>

/*Efeito Turns Zoom por Brenda*/

.efeitoturnszoom {overflow: hidden; border-radius: 90px; -webkit-transition-duration: 1.0s; -moz-opacity:0.58; opacity:0.58; width: 60px;}

.efeitoturnszoom:hover {overflow: hidden; -webkit-transition-duration: 1.0s; zoom: 160%; -moz-opacity:0.90; opacity:0.90; -webkit-transform: rotate(360deg);}

/*** fim ***/

E depois crie um gadget HTML/JavaScript ou cole no HTML do gadget que vai querer esse código

<a href="LINK><img src="LINK DA IMAGEM" class="efeitoturnszoom" /></a>

Ou você também pode fazer assim, criar um gadget HTML/JavaScript e colar esse código

 <style> 

/*Efeito Zoom por Brenda*/

.efeitoturnszoom {border-radius: 90px; -webkit-transition-duration: 1.0s; -moz-opacity:0.58; opacity:0.58; width: 60px;}

.efeitoturnszoom:hover {-webkit-transition-duration: 1.0s; zoom: 160%; -moz-opacity:0.90; opacity:0.90; -webkit-transform: rotate(360deg);}

</style>

<a href="LINK><img src="LINK DA IMAGEM" class="efeitoturnszoom" /></a>

 E ai, o que acharam? Por favor se usar credite e se repassar também OK?