PASA EL CURSOR POR LA IMAGEN & MIRA LA MAGIA
Diseño / Personalizar / Avanzado / Añadir CSS / Pegar:
img:hover{
-webkit-animation-name: MMCa3;
-webkit-animation-duration: 5s;
-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:: rotate(0deg); }
10% { -moz-transform: rotate(7deg); }
20% { -moz-transform: rotate(-7deg); }
30% { -moz-transform: rotate(7deg); }
40% { -moz-transform: rotate(-7deg); }
50% { -moz-transform: rotate(7deg); }
60% { -moz-transform: rotate(-7deg); }
70% { -moz-transform: rotate(7deg); }
80% { -moz-transform: rotate(-7deg); }
90% { -moz-transform: rotate(7deg); }
100% { -moz-transform: rotate(0deg); }
}
@-ms-keyframes MMCa3 /* IE9*/
{
0% { -ms-transform: rotate(0deg); }
10% { -ms-transform: rotate(7deg); }
20% { -ms-transform: rotate(-7deg); }
30% { -ms-transform: rotate(7deg); }
40% { -ms-transform: rotate(-7deg); }
50% { -ms-transform: rotate(7deg); }
60% { -ms-transform: rotate(-7deg); }
70% { -ms-transform: rotate(7deg); }
80% { -ms-transform: rotate(-7deg); }
90% { -ms-transform: rotate(7deg); }
100% { -ms-transform: rotate(0deg); }
}
@-webkit-keyframes MMCa3 /* Safari and Chrome */
{
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
10% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
20% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
30% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
40% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
50% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
60% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
70% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
80% { -webkit-transform: translate(7px, 0px) rotate(-7deg); }
90% { -webkit-transform: translate(-7px, 0px) rotate(7deg); }
100% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
}
Icon by Shiro
Gracias por responder a mi duda =) He remplazado el efecto anterior por este y me gusta como queda. Gracias de nuevo =)
ResponderEliminarP.D: Si no soy muy atrevida, ¿podrías quitar la verificación de palabras? Es que a veces es muy problemático y no dan muchas ganas de comentar...
no pasa nada en la imagen :/
ResponderEliminarHola mia amada princesa... reportandome despues de algun tiempo, como vz estoy muy decidido a dejar mi adiccion... bueno quiero que sepas que te he extrañado... la verdad que es didficil conseguir alguie3n con quien hablar de temas interesante y que al final no te resulte aburrido... asi que por eso estoy aqui... Bueno me intereso mucho el nuevo diseño de tu blog...y con respecto a la entrada, bueno quizas sea por el navegador "Firefox" pero no veo ningun efecto... quizas haya algo malo en mi navegador o quizas te haya faltado algun codigo... bueno seria interesante poder usarlo, vere que puedo hacer... gracias por compartirlo de todos modos... aunq ue no sé bien que es lo que hece, probaré el codigo... besotes y cuidate mi amada prinbcesa... bye.
ResponderEliminarcomo hago para descargarme una imagen si tengo operativo firefox en tu blog
ResponderEliminarhelp me