21.5.16

¨[Tutorial] Efecto img Up

¡Hola! <3 ¿Cómo están? espero que se encuentren muy bien
hoy les traigo un efecto muy lindo. Espero que sea de su agrado.
créditos a TMR


  • Ve a ]]></b:skin> y encima pegas el siguiente código.
 .up{padding:2px;
border: 3px solid #ffffff;
-webkit-box-shadow: 0px 0px 5px #c7c7c7;
-moz-box-shadow: 0px 0px 5px #c7c7c7;
box-shadow: 0px 0px 5px #c7c7c7;margin:1px;
width:50px !important;
height:50px !importantopacity: 0.7;padding: 1px;
border-radius: 2px;
-webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition-duration: .99s;-moz-transition-duration: .99s;
-webkit-transition-duration: .70s;
}.up:hover{OPACITY: 0.3; outline-style: transparent;
-webkit-filter: saturate(0%);
-moz-filter: saturate(0%);
-o-filter: saturate(0%); -ms-filter:
 saturate(0%);opacity: .43;
-webkit-transition-duration: .40s;-webkit-transform: rotate(360deg) scale(1.1)
;-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);}

 Luego de eso , le dan clic en Guardar y van a Gadgets y pegan el siguiente código. 

<a href="Su link target="_blank" title="nome"><img class="up" src= "imagen"/></a><a href="Su link target="_blank" title="nome"><img class="up" src= "imagen"/></a>


Créditos : 
bye, kisses.

2 comentarios:

¡Gracias por leer la entrada!♡
━ Comenta con respeto ♡
━ No Spam♡
━ Respeta al Administrador y a los usuarios.♡

━ ♡ Símbolos :
♡ ❀ ღ ❀ » ♛ « ✰ ➤ ♪ ✉ ✔ ✖ ♂ ◥ ▶ ☆ ❣ ❂ ℂ


━ ♡Sí tienes alguna duda envíame un correo :
Bethzaliecontre13492@gmail.com

━ ♡Sí te gusto el contenido del blog, no olvides seguirlo.

Att: ━ ada♔ 「admi」