Meninas estava dando uma olhadinha no Just Like That (créditos) e achei esse efeito para afiliados muito legal, parabéns JLT amei!
o código:
@KEYFRAMES ARROZ { 0% {BORDER: 2PX SOLID #DEC2E3;
} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }@-WEBKIT-KEYFRAMES ARROZ {0% {BORDER: 2PX SOLID #DEC2E3;} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }@-MOZ-KEYFRAMES ARROZ { 0% {BORDER: 2PX SOLID #DEC2E3;} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }@-O-KEYFRAMES ARROZ { 0% {BORDER: 2PX SOLID #DEC2E3;} 10% {BORDER: 2PX SOLID #AB7F9F;} 20% {-WEBKIT-TRANSFORM: ROTATE(360DEG);} 100% { BORDER-RADIUS: 50PX;} }.IMAGE {-WEBKIT-TRANSITION-DURATION: .90S;BORDER-RADIUS: 4PX;BORDER: 2PX SOLID #DEC2E3;}.IMAGE:HOVER {-WEBKIT-TRANSITION-DURATION: .80S;-ANIMATION: ARROZ 2S ALTERNATE; -WEBKIT-ANIMATION: ARROZ 2S ALTERNATE; -O-ANIMATION: ARROZ 2S ALTERNATE; -MOZ-ANIMATION: ARROZ 2S ALTERNATE;}
Depois cole isto em um HTML/JS
<CENTER>
<A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A><A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A><A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A><A HREF='LINKDOBLOG'><IMG SRC="LINKDAIMAGEM" CLASS='IMAGE' /></A></CENTER>
Agora é só mudar o que se pede, espero que tenham gostado! :3
Nenhum comentário:
Postar um comentário