Oii Boa Tarde!
Tudo bem com vocês? Bem hoje venho com um efeito que pode ser usados em a afiliados e entre outro bem eu gosto de efeito acho que fica muito legal , e tem dois tipos dele os dois são legais , peçam em nossa ask que você encontra ali no menu de abas ... bem vamos ao efeito?
Efeito retirado do Kawaii World
Efeito 1
1. Vá até Modelo > Editar html e procure por <head>. Abaixo da tag, cole:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
2. Procure por ]]></b:skin> e acima da tag, cole:
.efeitopisca1{Para mudar a cor da borda é só trocar o código que se encontra em negrito pela cor que desejar.padding:2px;border:1px solid #dcdbdb;
}
.efeitopisca1:hover{
-webkit-animation-name: pisca;
-moz-animation-name: pisca;
-o-animation-name: pisca;
animation-name: pisca;
-webkit-animation-duration: 1s;
}
3. Por fim, cole esse código e substitua tudo o que se pede onde quiser usar - geralmente em gadget de HTML/JavaScript -
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>
Efeito 2
1. Vá até Modelo > Editar html e procure por <head>. Abaixo da tag, cole:
<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/>
2. Procure por ]]></b:skin> e acima da tag, cole:
.efeitopisca2{
padding:2px;
border:1px solid #dcdbdb;
-webkit-transition-duration: .50s;
}
.efeitopisca2:hover{
-webkit-animation-name: piscaporra;
-moz-animation-name: piscaporra;
-o-animation-name: piscaporra;
animation-name: piscaporra;
-webkit-animation-duration: 1s;
border:1px solid #ff9ab2;
-webkit-transition-duration: .50s;
}
3. Por fim, cole esse código e substitua tudo o que se pede onde quiser usar - geralmente em gadget de HTML/JavaScript -
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca2" /></a>
Prontinho seu efeito já esta pronto
Créditos Kawaii World
Kiss ^-^
Ah, este efeito é muito fofo, eu realmente gosto bastante deles *-*
ResponderExcluirBeijos, Building Stars || Retribui comentário?