Efecto en imagen *w*

|| ||

Hola *w* navegando por el blog de MELL encontré un efecto hermosisimo *u*
No tengo idea de como se llama(? xD


te gusto? Entonces sigue estos pasos!

Para plantillas blogger  Pega el siguiente código en diseño/ añadir css
Para plantillas blogskin Pega el código antes de </Style>

img:hover {border-radius: ;-webkit-animation-name: MMCa3;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-moz-keyframes MMCa3 /* Firefox*/{{ -ms-transform:: translate(0px, 0px) rotate(0deg); } 20% { -moz-transform:  translate(-7px, 7px) rotate(0deg); } 50% { -moz-transform:  translate(0px, 7px) rotate(0deg); } 70% { -moz-transform:  translate(-7px, 7px) rotate(0deg); }}@-ms-keyframes MMCa3 /* IE9*/{  0% { -ms-transform: translate( 0px, 0px) rotate(0deg); } 20% { -ms-transform: translate( -7px, 7px) rotate(0deg); } 50% { -ms-transform: translate( 0px, 7px) rotate(0deg); } 70% { -ms-transform: translate( -7px, 7px) rotate(0deg); }}@-webkit-keyframes MMCa3 /* Safari and Chrome */{  0% { -webkit-transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-7px, 7px) rotate(0deg); } 50% { -webkit-transform: translate(0px, 7px) rotate(0deg); } 70% { -webkit-transform: translate(-7px, 7px) rotate(0deg); }}
Espero que les guste n.n
Créditos:  x  

2 comentarios:

  1. GRcias por la tuto!
    por cierto caro..ahora cojo tu botoncito y te afilio!
    avisame cuando tu me afiliaes!
    saludos

    ResponderEliminar
  2. listo ya te estoy siguiendo, muchisimas gracias ^^

    ResponderEliminar

Tu comentario me haría muy feliz!! :D