Tutorial - Efeito Pisca Logo


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{
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;
 }
 
 Para mudar a cor da borda é só trocar o código que se encontra em negrito pela cor que desejar.
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 ^-^

Um comentário:

  1. Ah, este efeito é muito fofo, eu realmente gosto bastante deles *-*


    Beijos, Building Stars || Retribui comentário?

    ResponderExcluir