• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

5 de dezembro de 2012

Maratona de Tutoriais - Efeito Lite

Tumblr_me8dhlivri1r7dxuxo1_500_large
Aiin tô feliz, comprei um android!
OOi!
Acho que vocês irão gostar desse efeito, ele roda e troca a cor da borda
Visualize aqui
Aconselho colocar sempre as imagens redondas para ficar mais bonito, enfim , vamos aprender?

Cole o código abaixo acima de]]></b:skin> no seu HTML:


.efeitowoow{
padding: 5px 5px 5px 5px;
display: inline-block;
background:#CORDABORDA;
border-radius:0px
margin-top: 70px;
-webkit-transition:all 0.7s;
}
.efeitowoow:hover{
background:#CORDABORDAHOVER;
font-size: 14px; color:#FFFFFF;
-webkit-transform: rotate(360deg);
border-radius: 5px;opacity:.0; border-radius: 50px;
}



Adicione um  HTML/JavaScript e cole o seguinte código:


<div class="efeitowoow" href="LINK">


<img a="a" src="URL DA SUA IMAGEM" /> </div>



Edite as cores do primeiro código de acordo com essa tabela de cores HTML
Espero que tenham entendido :)
créditos²
Beijos

2 comentários:

  1. Que de mais esse efeito já até deixei o post nos favoritos kk'
    bjs

    Diário Capricho

    ResponderExcluir