• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

5 de dezembro de 2012

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 ¹

7 comentários:

  1. Aun ** Adorei esse efeito! Tô louquinha pra usar no meu proximo layout!

    Beijos :*
    http://pequena-julieta.blogspot.com/
    VISITE!!

    ResponderExcluir
  2. Eu nunca tinha visto este efeito, mas eu gostei bastante!!
    (obrigada pela visitinha ao meu blog! :) http://pequenomundodosblogs.blogspot.com

    ResponderExcluir
  3. Nunca tinha visto esse efeito e ele é super novo e criativo adorei ele, só queria que pudesse usar com link junto para usar na aba dos afiliados :33

    jovenclube(.blogspot.com.br)

    ResponderExcluir
    Respostas
    1. mais pode sim, o código tem o 'link' do blog e url da imagem isso significa que no link você pode colocar o que quiser como url de outro blog e no 'Nome' você coloca o nome que irá aparecer no tooltip que é uma barrinha que informa em que a pessoa está clicando

      Excluir
  4. O efeito é bem lindo! E eu aceito afiliação, ja vou te colocar lá...

    omeubrilhantemundo.tk

    ResponderExcluir