01. Efeito estica (Prévia)
Para usar no seu painel, clique em modelo>>Editar html.Tecle Ctrl+f e pesquise por "]]></b:skin>", acima dessa tag cole o código abaixo:
/***** Efeito Estica 2 Por Fernanda Summers do Sckitty World,não remova os créditos ******/Após colar, salve e vá em layout>>adicionar gadget>>Html/javascript e cole:
@-webkit-keyframes efeito-stica2 {
0% {-webkit-transform: skew(0px);}
50% {-webkit-transform: skew(0px);}
50% {-webkit-transform: scale(0.5);}
100% {-webkit-transform: skew(20deg);}
}
.efeito-stica2 {-webkit-transition: .90s; border-radius: 5px; box-shadow: 0px 0px #caebe6;}
.efeito-stica2:hover {-webkit-animation: efeito-stica2 .90s alternate infinite linear;}
/***** Efeito Estica 2 Por Fernanda Summers do Sckitty World,não remova os créditos ******/
<a href=LINK" target="_blank" title="NOME"><img class="efeito-stica2" src="URL DA IMAGEM" /></a>Faça as alterações onde está de negrito e salve.
02. Efeito Single (Prévia)
Para usar no seu painel, clique em modelo>>Editar html.Tecle Ctrl+f e pesquise por "]]></b:skin>", acima dessa tag cole o código abaixo:
@-webkit-keyframes bubble {Após colar, salve e vá em layout>>adicionar gadget>>Html/javascript e cole:
25% { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-moz-keyframes bubble {
25% { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-o-keyframes bubble {
25% { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-ms-keyframes bubble {
25% { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
.bb{
padding:1px;
}
.bb:hover{
-webkit-animation: bubble 1s;
-moz-animation: bubble 1s;
-o-animation: bubble 1s;
-ms-animation: bubble 1s;
}
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="bb" /></a>Faça as alterações onde está de negrito e salve.
Nenhum comentário:
Postar um comentário