Mostrando las entradas con la etiqueta efecto imagen. Mostrar todas las entradas
jueves, 28 de agosto de 2014
Hola queridos lectores Aquí Saku-Chan reportándose con la entrada de hoy
, en este día Jueves les traigo un tutorial ya que Danisasunaru-Chan me ha preguntado si podía darle el link del tutorial con el que logre ese efecto que ven en mi imágenes, pues bien en respuesta le traje el tutorial para lograr dicho efecto 
, en este día Jueves les traigo un tutorial ya que Danisasunaru-Chan me ha preguntado si podía darle el link del tutorial con el que logre ese efecto que ven en mi imágenes, pues bien en respuesta le traje el tutorial para lograr dicho efecto 
Antes de todo quiero decir que este no es tutorial propio si no es un tutorial creado por mi comadre Yukii, así que los créditos son 100% de ella.
yo solo le puse el nombre ya que no tenia XD, Bueno comencemos.
yo solo le puse el nombre ya que no tenia XD, Bueno comencemos.
Primero que todo debemos buscar en nuestra plantilla
(NO olvides apretar CTRL + F para una búsqueda mas rápida) y luego pega el siguiente código antes de 
(NO olvides apretar CTRL + F para una búsqueda mas rápida) y luego pega el siguiente código antes de 
@-webkit-keyframes shakee {0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90% {-webkit-transform: scale(1.3) rotate(3deg);}40%, 60%, 80% {-webkit-transform: scale(1.3) rotate(-3deg);}100% {-webkit-transform: scale(1) rotate(0);}}@-moz-keyframes shakee {0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-5deg);}30%, 50%, 70%, 90% {-moz-transform: scale(1.3) rotate(5deg);}40%, 60%, 80% {-moz-transform: scale(1.3) rotate(-5deg);}100% {-moz-transform: scale(1) rotate(0);}}@-o-keyframes shakee {0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-5deg);}30%, 50%, 70%, 90% {-o-transform: scale(1.3) rotate(5deg);}40%, 60%, 80% {-o-transform: scale(1.3) rotate(-5deg);}100% {-o-transform: scale(1) rotate(0);}}@keyframes shakee {0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-5deg);}30%, 50%, 70%, 90% {transform: scale(1.3) rotate(5deg);}40%, 60%, 80% {transform: scale(1.3) rotate(-5deg);}100% {transform: scale(1) rotate(0);}}img{}img:hover{-webkit-animation-name: shakee;-moz-animation-name: shakee;-o-animation-name: shakee;animation-name: shakee;-webkit-animation-duration: 1s;}
Si tienes plantilla clásica (Blogskin) solo debes pegar el código antes de
y listo.
y listo.
Esa seria la entrada de hoy si les sirvió ya saben que agradecer no cuesta nada y que mejor forma de agradecer que comentando
.
.

Tag :// efecto imagen,
Tag :// Tutoriales


























