20 oct. 2015

Efecto Icon / Amigas

안녕하세요  ~ Les quiero compartir este tutorial. Data sobre un efecto amigas o icon. Vamos con el tuto.

¡Recuerda dar créditos!  ¡No re-publicar!



  • Ve a Plantilla  Editar HTML.  Copia y pega el siguiente código antes de ]]></b:skin>
img.MKKU{
border:1px solid #ddd;
border-radius:50%;
background:url(URL FONDO DE BORDE);
padding:5px;transform:rotate(0deg);
margin:5px;
-webkit-transition:All 0.5s ease !important;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
img.MKKU:hover{transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
}


  1. Ahora Ve a Diseño  Gadget  Javascript. Copia y pega el siguiente codigo. ¡Y listo!
<a href="URL"><img class="MKKU" src="URL IMAGEN" /></a>
<a href="URL"><img class="MKKU" src="URL IMAGEN" /></a>
<a href="URL"><img class="MKKU" src="URL IMAGEN" /></a>
<a href="URL"><img class="MKKU" src="URL IMAGEN" /></a>

2 comentarios: