Maratona de Tutoriais - efeito flash na imagens

Olha eu aqui de novo, resolvi vim com uma maratona de tutoriais para vocês já que atingimos os 300 seguidores (para ser mais exata agora temos 306 né), e para começar  trouxe um efeito muito legal que vocês já devem ter visto por aí em algum blog.

Visualize aqui

Vamos aprender?

                                                       vá em editar HTML e procure por:

                                                                 ]]></b:skin>

                                                   cole esse código acima do código procurado:

@-webkit-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity:0;}} .bumbs {width:LARGURA;} .bumbs:hover {-webkit-animation: flash 0.5s;-moz-animation: flash 0.5s;-ms-animation: flash 0.5s;}

Logo após, adicione um gadget HTML/JavaScript e cole:

<a href="LINK" title="Nome"><img class="bumbs" src="IMAGEM" /></a> 

<a href="LINK" title="Nome"><img class="bumbs" src="IMAGEM" /></a> 

<a href="LINK" title="Nome"><img class="bumbs" src="IMAGEM" /></a> 

<a href="LINK" title="Nome"><img class="bumbs" src="IMAGEM" /></a>

E aí gostaram?

ainda tem mais, irei postar daqui a pouco um efeito muito legal, acho que irão gostar muito

créditos ¹