Tutorial - Efeito Flash

Yoo ~~ 

Trouxe um outro efeito que eu achei bem legal, é o efeito Flash.

Os créditos vão ao Kawaii World, ok ?  :3

Preview aqui.

E veja no gadget do efeito!

Enjoy ~~ 

01. Abra seu HTML.Procure por ]]></b:skin> . Acima da tag cole:

.eliteaff{

-webkit-transition: .2s;

border: #e8afd8 2px solid;

-webkit-filter:contrast(100%);

}

.eliteaff:hover{

-webkit-animation-name: flash; -webkit-animation-duration: 0.7s; -webkit-animation-iteration-count: 1; -webkit-transition-property: opacity; opacity: 1;-webkit-filter:contrast(140%); }

@-webkit-keyframes flash { 1% { opacity: 0.7; } 30% { opacity: 0.4; } 100% { opacity: 1; 

}}

Modifique aparte destacada em negrito. É a borda da imagem.

02. Depois vá em Layout. Abra um gadget de HTML/Javascript. Nele cole o seguinte código:

<a href="Link_Aqui" title="Nome"><img class="eliteaff" src="Link_Da_Imagem" /></a>

Modifique as partes destacadas em negrito e salve.

Gostaram?

Kissus o3o

E não se esqueçam de comentar ;D